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

Question

我有一个图像的网格，所有设置为最大宽度200px，但我想知道是否有任何方式使用jQuery或类似的设置随机最大这个页面的每个图像的宽度都是这样的，所以当砌体踢入它时，它可以处理一系列最大宽度图像，最大最大宽度可能在300px左右。

任何想法？ 由于提前， [R

Answer 1

您可以使用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）

雅一些文档：

• $.each()：http://api.jquery.com/jquery.each
• Math.random()： https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Math/random