带有功能问题的JavaScript幻灯片

时间:2017-04-06 21:19:37

标签: javascript html slideshow

函数plusSlides通过onclick在我的html中调用。 This显示了我正在使用的类似功能和html。课程require local 包含将在Require all granted 中为每个mySlides显示的文字。与链接中的幻灯片示例不同,当我尝试单击n==x时,我的功能不起作用。例如,当我在showSlides上点击三次时,onclick="plusSlides(-1)"plusSlides(-1)都会被添加,但aerialMap则不会。有谁知道为什么?

fedTiless

1 个答案:

答案 0 :(得分:1)

错误出现在代码的这一部分:

if (n > slides.length) {slideIndex = 1}    
if (n < 1) {slideIndex = slides.length}
if(n == 1)
  aerialMap();
if(n == 2) 
  febTiless();
if(n == 3)
  roadMap();

在前两行中, slideIndex 变量被调整(正确)以循环回到幻灯片编号的有效范围,但后面的if条件仍然基于 n 以这种方式进行了调整,因此在某些情况下 n 将为0(或4),然后{{ 1}}条件为if

所以这样调整:

true