在将IMG添加到DOM之前获取IMG的自动大小(使用JQuery)

前端之家收集整理的这篇文章主要介绍了在将IMG添加到DOM之前获取IMG的自动大小(使用JQuery)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用JQuery动态地将IMG组件添加到我的DOM中,但是根据它们的大小,我将以不同的方式添加它们.任何人都有一个好主意,在我将它添加到DOM之前获取IMG的自动大小尺寸?

注意:我正在玩DOM片段JQuery操作,如here所述,但img维度为= 0.

解决方法

您应该能够在不将图像附加到DOM的情况下执行此操作. Kristoffer(嘿,这也是我的名字!)在正确的轨道上,但是在你尝试读取宽度/高度之前需要加载图像.
var getImageSize = function(src) {
    var img = new Image();
    $(img).bind('load',function(e) {
        var height = img.height;
        var width = img.width;
        document.write('width:' + width + ',height: ' + height);
    });
    img.src = src;
};

getImageSize('http://farm4.static.flickr.com/3261/5791911248_b777cb1dde_b.jpg');

在这里演示:http://jsfiddle.net/H3p97/

猜你在找的HTML相关文章