2014-10-08 123 views
0

我需要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/

在我而言,即时通讯必须等待至画面隐藏,并出现一个又一个。

+0

所以给出一个数组:

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

你可以在阵列中像这样的随机进入通往图像的路径,您需要随机选择其中一条路径放入'.attr()'调用中。 – 2014-10-08 21:26:37

+0

这工作的一切,我只需要一种动画随机图片的方式,如om链接http://jsfiddle.net/EjZzs/15/ – EtherealNP 2014-10-08 21:28:26

回答

0

首先,你有一个指定的阵列:

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

然后,您需要生成一个介于0和images.length-1之间的随机数。 [这个答案] [1]告诉你如何获得在一定范围内的随机数:,

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

我有这个功能,我只需要如何做随机图片动画?像我发布的链接中的动画 – EtherealNP 2014-10-08 21:40:00