jQuery image слайдер с анимацией

Question

Мне нужна помощь для слайдера jquery. Я сделал ползунок как это (MyFunc() является функцией, которая тянуть один случайный образ из массива. Пример: массив [ «picture1.jpg», «picture2.jpg»] ....

$('.img').click(function(){ 
     var link = pathOne + myFunc(); 
      $('.img').hide("slide", { direction: "down" }, 250, function(){ 
     var link = pathOne + myFunc(); 
      $('.img').show("slide", { direction: "up" }, 250).attr("src",preFolder + link).stop(); 
    }); 
}); 

так по щелчку изображений скрывает, а затем снова показывает. Мой вопрос заключается в том, как я могу сделать слайдер для отображения случайных изображений, за которым следует другой. Например, этот пример http://jsfiddle.net/EjZzs/15/

В моем случае им необходимо подождать, пока изображение не скроется, и появится еще один.

Answer 1

Во-первых, у вас есть массив, как указано:

var images = ['picture1.jpg', 'picture2.jpg', 'picture3.jpg']; 

Затем вам необходимо создать случайное число от 0 до images.length-1. [Ответ] [1] говорит вам, как получить случайное число в определенном диапазоне:

function randomIntFromInterval(min,max) 
{ 
    return Math.floor(Math.random()*(max-min+1)+min); 
} 

Вы можете получить случайную запись в массиве, как это:

var randomImage = images[randomIntFromInterval(0, images.length)];