文章/答案/技术大牛

发布

问获取背景图片尺寸
EN

Stack Overflow用户

提问于 2015-09-30 07:53:07

回答 2查看 53关注 0票数 1

我想让这个设计的反应，我将需要的背景图像尺寸(宽度，高度)使用javascript或JQuery。有什么想法吗？

<div class="container">
    <div id="result" class="result">&nbsp</div>
    <div class="slot-container">
            <div id="slot1" class="slot"></div>
            <div id="slot2" class="slot"></div>
            <div id="slot3" class="slot"></div>
        <div><button id="control" class="btn">START</button></div>
        <div id="try" class="result try">TRY 0</div>
    </div>

</div>

https://jsfiddle.net/h0fbha33/

javascript

jquery

css

background

回答 2

Stack Overflow用户

发布于 2015-09-30 09:05:08

$(window).on("load", function () {
    var img = new Image();
    img.src = $('.slot').css('background-image').replace(/.*\s?url\([\'\"]?/, '').replace(/[\'\"]?\).*/, '');
    alert( img.width + ' and ' + img.height);
});

这是小提琴链接：https://jsfiddle.net/beroza/a01y1me4/

票数 1

Stack Overflow用户

发布于 2015-09-30 08:04:33

您可以使用以下命令：

var img = new Image;
img.src = $('body').css('background-image').replace(/url\(|\)$/ig, "");
var bgImgWidth = img.width;
var bgImgHeight = img.height;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32855583

复制

相似问题

问获取背景图片尺寸
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取背景图片尺寸EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取背景图片尺寸
EN