我有一组图像(图库),只有高度设置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(利润)。任何想法?
谢谢
答案 0 :(得分:1)
使用每个迭代img标记
$('img').each(function(){
alert(this.width);
})
如果你的图像有一些普通的类,那么使用类选择器。
$('img.classname').each(function(
alert(this.width); //with javascript
alert($(this).width()); //with jQuery
})
答案 1 :(得分:1)
澄清之后
$(window).load(function(){
var widthSum = 0;
$('img').each(function(){
widthSum += this.width;
});
// do something with the widthSum here..
});
我使用$(window).load
来确保图片已加载。
答案 2 :(得分:1)
您可能需要查看宽度函数:http://api.jquery.com/width/
$('img').width();
答案 3 :(得分:0)
尝试以下
var widthcoll = $.each(imagecollection,function(){
return $(this).width();
});
谢谢