0

我有一组图像（一个画廊），只设置了高度，img: height:200px;所以所有图像的高度相同但宽度不同，我需要获取所有图像的宽度。

那可能吗？

目前我正在使用：

var accum_width = 0;
$('.scroll-content-item img').each(function() {
accum_width += $(this).width() + 20;
});
alert(accum_width);

$( ".scroll-content" ).css('width', accum_width);

但我得到 100（边距）。有任何想法吗？

谢谢你

4

4 回答 4

1

使用 each 遍历 img 标签

$('img').each(function(){
   alert(this.width);  
})

如果您的图像有一些共同的类，那么使用类选择器。

$('img.classname').each(function(
   alert(this.width);  //with javascript
   alert($(this).width());  //with jQuery
})
于 2012-12-06T15:37:43.420 回答
1

澄清后

$(window).load(function(){
    var widthSum = 0;
    $('img').each(function(){
       widthSum += this.width;
    });
    // do something with the widthSum here..
});

我使用$(window).load来确保图像已加载。

于 2012-12-06T15:39:37.820 回答
1

您可能想查看宽度函数：http ://api.jquery.com/width/

$('img').width();
于 2012-12-06T15:41:06.867 回答
0

试试下面

var widthcoll = $.each(imagecollection,function(){
return $(this).width();
});

谢谢

于 2012-12-06T15:37:51.063 回答