JQuery или PHP, как получить различные изображения в DIV для отображения в случайном порядке?

Question

У меня есть куча изображений / миниатюр на этой странице , и я хотел бы иметь возможность отображать их в произвольном порядке после обновления, кто-нибудь знает, как?

Я использую WordPress для этого сайта, но это не галерея, иначе я мог бы использовать его в настройках галереи.

Есть ли способ сделать это?

Спасибо

Сб

Answer 1

Вы можете использовать плагин jqShuffle .

. Хорошее место, чтобы позвонить ему, будет внутри вашего functions.js, перед тем, как вы позвоните в Masonry:

Answer 2

Я не знаю, как изображения загружаются и сохраняются на вашем сайте. В этом PHP-решении изображения должны быть сохранены в массиве $images

$images = array( 'path/image1.jpg', 'path/image2.jpg', /* ... */ );

for( $i = 0, $i <= count($images)-1, $i++){

     $n = rand( $i, count($images)-1 );

     // display image or something

     unset( $images[$n] );
     $images = array_merge( array(), $images );
}

Answer 3

Есть два способа сделать это, независимо от того, используете ли вы JavaScript или PHP (не важно, какой, хотя реализация немного отличается).

Либо a) создать массив всехизображения, через которые вы хотите повернуть, или б) используйте схему именования для всех изображений, например, image1.jpg, image2.jpg и т. д. Затем в коде вы выбираете случайный элемент массива (используя метод A) или выбираетеслучайное число и вписать его в схему именования (используя метод B).

В JavaScript эффект достигается путем помещения изображения-заполнителя в ваш HTML-код, а затем при загрузке страницы измените изображение src напуть к случайно выбранному изображению.

В PHP вы устанавливаете для изображения src путь к случайно выбранному изображению при создании страницы;именно так я обычно и делаю, хотя я не делал этого специально в WordPress.