1

我正在尝试使用它创建一个动画响应图像网格。

在它的源代码中，您可以看到这些图像的代码是单独物理输入的，而不是使用重复它“n”次的函数。如果你有很多图片要列出，那是痛苦的重复。

因此，我创建了这个函数：

function showImg() {
  for (var imgNum = 1; imgNum < 100; imgNum++) {
    document.write("<li><a href='#'><img src='img/" +imgNum+ ".jpg'/></a></li>");
  }
}

showImg();

这个功能很好，但是，每次刷新页面时，它都会以相同的顺序以相同的图像开始。我不想要那个。我希望他们每次刷新页面时都从随机图像开始。所以我为此创建了一个新代码：

function showImg() {
  var imgNum = Math.floor((n+1)*Math.random());
  document.write("<li><a href='#'><img src='img/" +imgNum+ ".jpg'/></a></li>");
}

var n = 100;

for (var i=0; i<n; i++) {
  showImg();
}

伟大的！现在，一个新问题是有时会有重复。我不想重复，不是在加载第一组图像时，也不是在图像开始旋转/循环动画时。我如何实现这一目标？谢谢。

4

1 回答 1

0

创建一个数字 1-100 的数组。然后“打乱”它们：500 次，选择 2 个数组元素并交换它们的值。最后，循环遍历该加扰数组，并显示与该数组元素的值相关联的图像。

于 2014-04-02T23:23:14.043 回答