Отображение 2 наборов разных изображений в случайном порядке

Question

Отображение 2 наборов разных изображений в случайном порядке

0

У меня есть 2 набора различных изображений.

Первый набор: img1.jpg, img2.jpg, img3, jpg

второй комплект: imga.jpg, imgb.jpg, imgc.jpg

Также у меня есть три разных divs #one, #two, #three.

Каждый набор изображений должен следовать последовательности. img1.jpg должен вставляться в div #one, img2.jpg должен вставляться в div #two & img3.jpg, должен вставляться в div # три.

То же самое должно произойти и для второго набора изображений. Но наборы изображений будут меняться случайным образом.

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

Примечание. Мне не разрешено использовать css 'background-image'

заранее спасибо

subho das 24 нояб. 2013, в 11:28

Источник

Теги:

javascript

jquery

jquery-ui

1 ответ

Ещё вопросы

homtg · Accepted Answer · 2013-11-24T08-48-00.000Z

Вы можете попытаться выбрать между наборами изображений динамически с помощью Math.random(), а затем использовать один случайный выбор для отображения ваших изображений:

var arr1 = ["1.jgp", "2.jgp", "3.jgp"];
var arr2 = ["4.jgp", "5.jgp", "6.jgp"];

var currentArr = Math.random() < 0.5 ? arr1 : arr2;

$.each(currentArr, function(i, val){
  $('#yourContainer').append('<img src="'+val+'"/>');
});

EDIT1:

Если у вас более двух массивов, вы можете попробовать что-то вроде этого:

var arrays = [arr1, arr2, ...];
var currentArr = arrays[Math.floor(Math.random() * arrays.length)];

что будет, если мои контейнеры будут 3 разными контейнерами?