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

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 ： $.each()
• Math.random() ： https ： //developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Math/random