页面上每个图像的随机最大宽度

时间:2012-01-04 20:52:23

标签: jquery image grid css

我有一个图像网格,所有设置为最大宽度为200px,但我想知道是否有任何方法可以使用jQuery等为页面的每个图像设置随机最大宽度,所以当砌体踢它适用于一组最大宽度的图像,可能最大最大宽度约为300px。

有什么想法吗? 提前致谢, [R

1 个答案:

答案 0 :(得分:4)

您可以使用jQuery的$.each()来迭代一组图片,然后您可以使用Math.random()为这些图片创建随机max-width属性:

$.each($('img'), function (index, obj) {
    $(this).css({
        'max-width' : (275 + (Math.random() * 50))
    });
});

这会将页面上所有图片的max-width CSS属性设置为介于275325之间的某个位置。

以下是演示:http://jsfiddle.net/wuY3H/1/(请注意,对于演示,我更改了随机阈值以允许小max-width s)

雅的一些文档: