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

Question

我有一个图像网格，所有图像的最大宽度都设置为 200px，但我想知道是否有任何方法可以使用 jQuery 或类似的方法为页面的每个图像设置随机最大宽度，所以当masonry 可以作用于一组最大宽度图像，最大宽度可能在 300px 左右。

有什么想法吗？提前致谢，

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)

给你的一些文档:

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