頁面上每個圖像的隨機最大寬度

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