我有一个图像网格,所有设置为最大宽度为200px,但我想知道是否有任何方法可以使用jQuery等为页面的每个图像设置随机最大宽度,所以当砌体踢它适用于一组最大宽度的图像,可能最大最大宽度约为300px。
有什么想法吗? 提前致谢, [R
答案 0 :(得分:4)
您可以使用jQuery的$.each()
来迭代一组图片,然后您可以使用Math.random()
为这些图片创建随机max-width
属性:
$.each($('img'), function (index, obj) {
$(this).css({
'max-width' : (275 + (Math.random() * 50))
});
});
这会将页面上所有图片的max-width
CSS属性设置为介于275
和325
之间的某个位置。
以下是演示:http://jsfiddle.net/wuY3H/1/(请注意,对于演示,我更改了随机阈值以允许小max-width
s)
雅的一些文档: