Случайная максимальная ширина для каждого изображения на странице

Question

У меня есть сетка изображений, максимальная ширина которых составляет 200 пикселей, но мне интересно, есть ли способ использовать jQuery и т. П., Чтобы установить случайные максимальные ширины для каждого изображения страницы, когдамасонство пинает это работает с массивом изображений максимальной ширины, возможно, с максимальной максимальной шириной около 300 пикселей.

Есть идеи?Заранее спасибо, 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 с)

Некоторые документы для вас:

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