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

我有9个缩略图像（3 x 3），在页面加载时，我想随机淡入这些图像，所以可能图像#4淡入8然后淡入3

目前，我正在尝试解决如何做到这一点，是否必须为每个图像生成一个随机数，然后循环通过每个元素将该数字添加到.data属性

到目前为止，我成功地创建了一个生成随机数的变量，但不确定如何集成循环

---

Kyle

请参见此工作示例：

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

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

---

我还修改了CSS，使图像的不透明度为0，而不是显示：无。即使在不可见的情况下，它们也会将布局保持在原位。

请参见此工作示例：

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

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

---

我还修改了CSS，使图像的不透明度为0，而不是显示：无。即使在它们不可见的情况下，它们也会保持其布局不变。

发布的示例中的代码可能与您要求的有所不同。张贴一些代码。或者是一个演示@roXon抱歉，我把链接留了出来。发布的示例中的代码可能与您要求的不同。张贴一些代码。或者是一个演示@roXon对不起，我把链接忘了