使用jquery一次随机1个淡入9个缩略图的图库

Question

我有9个缩略图（3 x 3），在页面加载时我想随机淡化这些图像所以也许图像＃4会消失然后8然后3 ...

目前我试图弄清楚如何做到这一点，是否必须为每个图像生成一个随机数，然后循环遍历每个元素，将数字添加到.data属性中？

到目前为止，我已设法创建一个生成随机数但不确定如何整合循环的变量，http://jsfiddle.net/kyllle/MGW8k/

凯尔

Answer 1

请参阅此工作示例：http://jsfiddle.net/wCb93/1/

用于生成新图像中的数字和淡入淡出的代码都包含在单个函数中。这允许此功能在图像完成淡入后调用自身，从而淡化下一个图像。

我还在数组中存储了.eq（）方法的可用索引号。并且，与此相关，我修改了随机数生成，以便它使用此数组的长度而不是img元素组的length属性。这允许我简单地从该数组中删除一个项目并将其值传递给.eq（）方法。由于该项目不再在数组中，因此我不必担心将值传递给已经淡入的.eq（）。

我还修改了你的CSS，使图像的不透明度为0，而不是让它们显示：none。即使它们不可见，它们也会保持其布局。