Question

我需要一个jquery滑块的帮助。我做了这样的滑块（myFunc（）是从数组中拉出一个随机图像的函数。例如：array [＆＃39; picture1.jpg＆＃39;，＆＃39; picture2.jpg＆＃39;] .... < / p>

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

带动画的jQuery图像滑块

1 个答案: