我在一页上有两个简单的javascript幻灯片显示，但是第二个则停止了第一个工作

Question

大家好，我在使此代码正常工作时遇到了一些问题。 问题在于，添加第二个幻灯片会使第一个幻灯片停止工作，当单击以更改第二个幻灯片上的图片时，也会导致第一个幻灯片显示。 这是我第一次尝试任何JavaScript。 两种幻灯片都可以单独运行，我已经对其进行了研究并更改了行document.Lunch.src，使其中间具有不同的名称。 我还尝试将这两个脚本的行函数slideshow（）更改为slideshow1（）和slideshow2（），以查看是否可行，但我并不高兴。 我理解这个问题之前已经提出过，因为我经历了所有类似的问题，但是它们是2年前和3年前没有答案的。 任何帮助都将不胜感激。

这是我的代码

<SCRIPT type="text/javascript">
      var num = 1
      img1 = new Image ()
      img1.src = "Lunch2.jpg"
      img2 = new Image ()
      img2.src = "Lunch.jpg"

     function slideshow()
      {
            num = num + 1

            if (num == 3)
          {num = 1}

        document.Lunch.src=eval("img"+num+".src")
      }
</SCRIPT>

<SCRIPT type="text/javascript">
      var num = 1
      img1 = new Image ()
      img1.src = "Mail.jpg"
      img2 = new Image ()
      img2.src = "Mail2.jpg"

      function slideshow()
          {
                num = num + 1

               if (num == 3)
              {num = 1}

            document.Mail.src=eval("img"+num+".src")
          }
</SCRIPT>
</head> 

和这里

    <IMG SRC = "Lunch2.jpg" NAME = "Lunch" BORDER = 3 alt = ""> 
    <p></p>
    <A HREF="JavaScript:slideshow()">Click for next picture</A>

    <IMG SRC = "Mail.jpg" NAME = "Mail" BORDER = 3 alt = "">
    <p></p>
    <A HREF="JavaScript:slideshow()">Click for next picture</A>

Answer 1

您的基本问题是重新定义的事情之一。 由于您没有为slideshow功能命名空间，因此在定义第二个slideshow功能时，它将替换第一个。

因此，最后有两个链接都调用了相同的slideshow方法。 并且由于第二个定义使用该方法替换了document.Mail的源，所以会发生这种情况。

如果您只想构建漂亮的幻灯片，则最好查找如何使用任意数量的框架进行幻灯片演示，从而为您提供最好的服务。 我相信引导程序仍然很流行。 看这里 。

如果您想进一步了解命名空间javascript函数和变量。 我建议一个JavaScript教程。 我暂时没有建议。