在Javascript中重复手动幻灯片放映

我在一个公文包网站上工作，它在一个页面上有多个手动幻灯片，可以循环到第一张图片。我现有的代码使用一个幻灯片/一组图像。我很难在不重复代码的情况下引入其他幻灯片/图像集。我试图为每个图像集创建一个数组。我的想法是将要使用的特定数组从HTML传递到JS。但我不确定如何在JS中表示所需的数组。我对Javascript完全陌生，对Python也相当熟悉。在HTML和JS之间向函数传递值有时让我有点困惑

HTML:

    <nav id="nav_bar">
<a href="JavaScript:slideshowBack()">PREV</a>
<span>/</span>
<a href="JavaScript:slideshowUp()">NEXT</a>
</nav> 
</header>
<figure id="image">
<img src="http://img.photobucket.com/albums/v486/TimClark123456789/344ca6b8-9f67-4fc9-a745-731870d4f6f2_zps9e1f364a.jpg" name="mypic" border=0>

---

为什么要重新发明轮子？你会发现有很多构建良好、经过战斗测试的javascript旋转木马，它们将解决你所担心的问题，可能还有很多。一个很好的例子是Filiament Group的

如果您必须编写自己的代码，您可以这样做来优化上面的代码：

var imageArray = [
  'img/src/example.jpg', 
  'image/src/example2.jpg'
  // and so on, not forgetting commas between each, but not after the last one!
  ];
var images = [];

for (var i = 0; i < imageArray.length; i++) {
    images[i] = new Image();
    images[i].src = imageArray[i]
}

var-imageArray=[
'img/src/example.jpg'，
'image/src/example2.jpg'
//以此类推，不要忘记每个字符之间的逗号，但不要忘记最后一个字符之后的逗号！
];
var图像=[]；
对于（var i=0；i

现在您正在重用代码。您可以为每个不同的转盘创建不同的图像阵列。您还可以让您的高级命令指向特定的旋转木马，方法是让它们接受参数

var imageArray = [
  'img/src/example.jpg', 
  'image/src/example2.jpg'
  // and so on, not forgetting commas between each, but not after the last one!
  ];
var images = [];

for (var i = 0; i < imageArray.length; i++) {
    images[i] = new Image();
    images[i].src = imageArray[i]
}