从缩放图像中获取宽度

Getting the width from an scaled image

本文关键字：获取 取宽度 图像 缩放      更新时间：2023-09-26

我使用Jquery来获取图像附加到主体后的宽度。看看这把小提琴，了解一下我在做什么。

我想做的是添加每个具有约束高度的元素，并在缩放后读取相应的宽度。您将看到的问题是console.log给了我宽度的值0。

使用jQuery .load()函数在图像加载后进行所有计算：

var数=0；

$(document).ready(function(){
    setInterval(function(){
        console.log();
        $('.container').prepend(
          $('<img/>').attr({
           src: "http://www.upress.umn.edu/book-division/images-1/other images/blockc.gif/image_thumb"
           id:'img' + (number++)
}).load(function(){
 console.log($(this).width())
})
    },3000);
});​

http://jsfiddle.net/w7rcn/

在图像可以完全下载之前，宽度已被"读取"。

因此，我们使用了相同的概念，但在img加载事件触发后应用了它：

 $('#img' + String(number)).load(function() {
            console.log($(this).width());
        });
莫森和正义是对的。然而，您仍然可以简化一点： 
var number = 0;
$(document).ready(function(){
    setInterval(function(){
        console.log();
        $('.container').prepend($('<img '
                + 'id="img'+number+'"src="http://www.upress.umn.edu/'
                + 'book-division/images-1/other-'
                + 'images/blockc.gif/image_thumb">').load(function() {
            console.log($(this).width());            
        }));
        number++;
    }, 3000);
});​
相关文章：