Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何防止幻灯片循环到开头?_Javascript_Html_Slideshow - Fatal编程技术网

Javascript 如何防止幻灯片循环到开头?

Javascript 如何防止幻灯片循环到开头?,javascript,html,slideshow,Javascript,Html,Slideshow,我目前正试图根据W3Schools.com上提供的示例代码,用JavaScript制作幻灯片。但是,在本示例幻灯片中,当在最后一页上按下“下一步”按钮时,它会返回到第一页。同样,当在第一页上按下“上一页”按钮时,它会转到最后一页。我希望幻灯片不在任何方向循环,因此上一个按钮不工作或不存在于第一页,下一个按钮不工作或不存在于第一页。我该怎么做 (该代码只是W3Schools.com提供的示例代码,因为这正是我正在研究的内容。) 1/3 标题文本 2/3 标题二 3/3 标题三 ❮

我目前正试图根据W3Schools.com上提供的示例代码,用JavaScript制作幻灯片。但是,在本示例幻灯片中,当在最后一页上按下“下一步”按钮时,它会返回到第一页。同样,当在第一页上按下“上一页”按钮时,它会转到最后一页。我希望幻灯片不在任何方向循环,因此上一个按钮不工作或不存在于第一页,下一个按钮不工作或不存在于第一页。我该怎么做

(该代码只是W3Schools.com提供的示例代码,因为这正是我正在研究的内容。)


1/3
标题文本
2/3
标题二
3/3
标题三
❮
❯

var slideIndex=1; 放映幻灯片(幻灯片索引); 函数加滑块(n){ 放映幻灯片(幻灯片索引+=n); } 功能当前幻灯片(n){ 放映幻灯片(幻灯片索引=n); } 功能演示幻灯片(n){ var i; var slides=document.getElementsByClassName(“mySlides”); var dots=document.getElementsByClassName(“dot”); 如果(n>slides.length){slideIndex=1} 如果(n<1){slideIndex=slides.length} 对于(i=0;i
只需删除重置代码,如果n<1或>大于幻灯片,则离开

//  if (n > slides.length) {slideIndex = 1} // code to check end    
//  if (n < 1) {slideIndex = slides.length} // code to check beginning

if (n>slides.length || n<1) return; // my addition to not execute if either
//如果(n>slides.length){slideIndex=1}//检查结束的代码
//如果(n<1){slideIndex=slides.length}//检查开头的代码
如果(n>slides.length | n slides.length | n<1)返回;
var dots=document.getElementsByClassName(“dot”);
//如果(n>slides.length){slideIndex=1}
//如果(n<1){slideIndex=slides.length}
对于(i=0;i

1/3
标题文本
2/3
标题二
3/3
标题三
❮
❯


只需删除重置代码,如果n<1或>大于幻灯片,则离开

//  if (n > slides.length) {slideIndex = 1} // code to check end    
//  if (n < 1) {slideIndex = slides.length} // code to check beginning

if (n>slides.length || n<1) return; // my addition to not execute if either
//如果(n>slides.length){slideIndex=1}//检查结束的代码
//如果(n<1){slideIndex=slides.length}//检查开头的代码
如果(n>slides.length | n slides.length | n<1)返回;
var dots=document.getElementsByClassName(“dot”);
//如果(n>slides.length){slideIndex=1}
//如果(n<1){slideIndex=slides.length}
对于(i=0;i

1/3
标题文本
2/3
标题二
3/3
标题三
❮
❯


在询问堆栈溢出问题之前,请尝试调试JavaScript。这将向您显示,
slideIndex
会在极端情况下重置。请在询问堆栈溢出之前尝试并调试JavaScript。这将向您显示,
slideIndex
在极端情况下被重置。添加删除这些行的原因是您正在检查当前索引(
n
)是否超出下限或上限,这可能会有所帮助。在本例中,边界是“第一张”和“最后一张”幻灯片。没有“幻灯片0”,当然,除了最后一张幻灯片之外,没有其他内容。因此,这两行是将幻灯片计数(再次,
n
)重置回起始索引1,或将其环绕到最后一张幻灯片(这是
slide.length
末尾的幻灯片编号)。添加删除这些行的原因可能有助于检查当前索引(
n
)超出下限或上限。在本例中,边界是“第一张”和“最后一张”幻灯片。没有“幻灯片0”,当然,除了最后一张幻灯片之外,没有其他内容。因此,这两行将您的幻灯片计数(再次,
n
)重置回起始索引1,或将其环绕到最后一张幻灯片(这是幻灯片末尾的幻灯片编号。长度