帶動畫的jQuery圖像滑塊

我需要jQuery滑塊幫助。在點擊圖像陣列[「picture1.jpg」，「picture2.jpg」] ....帶動畫的jQuery圖像滑塊

$('.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(); 
    }); 
});

這樣：我了這樣的滑塊（myFunc的（）是從陣列實施例拉一個隨機圖像的功能。皮，然後再次顯示。我的問題是我怎麼可以使滑塊顯示隨機圖像，一個接着另一個。像這樣的例子http://jsfiddle.net/EjZzs/15/

在我而言，即時通訊必須等待至畫面隱藏，並出現一個又一個。

來源

2014-10-08 EtherealNP

所以給出一個數組：

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

你可以在陣列中像這樣的隨機進入通往圖像的路徑，您需要隨機選擇其中一條路徑放入'.attr（）'調用中。 – 2014-10-08 21:26:37

這工作的一切，我只需要一種動畫隨機圖片的方式，如om鏈接http://jsfiddle.net/EjZzs/15/ – EtherealNP 2014-10-08 21:28:26

首先，你有一個指定的陣列：

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

然後，您需要生成一個介於0和images.length-1之間的隨機數。 [這個答案] [1]告訴你如何獲得在一定範圍內的隨機數：，

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

來源

2014-10-08 21:38:25

我有這個功能，我只需要如何做隨機圖片動畫？像我發佈的鏈接中的動畫 – EtherealNP 2014-10-08 21:40:00

帶動畫的jQuery圖像滑塊

回答

相關問題