为什么我的下一个按钮的代码循环播放幻灯片,但前一个按钮不是?

问题描述 投票:0回答:1

我成功编写了自动推进幻灯片的按钮。两个按钮都可以工作,但只有下一个按钮才能循环显示所有图像。当我使用上一个按钮到达开头时,整个函数会中断并且错误说明它找不到非活动或活动元素。

我错过了什么?

document.getElementById('next1').onclick = function() {	

	var lon = items.length;
	items[ptr].className= "inactive";

	if(ptr==lon-1){
		ptr=0;
	}
	ptr++;

	items[ptr].className = "active";
}

document.getElementById('previous1').onclick = function() {

	var lon = items.length;
	var p = ptr-1;

	items[ptr].className= "inactive";
		if(ptr==lon){
		ptr=items.length;
	}
	ptr--;
	items[ptr].className = "active";
}
javascript button slideshow
1个回答
0
投票

我找到了。它的:

document.getElementById('next1').onclick = function() {	
	var lon = items.length;
	//alert(lon);
	items[ptr].className= "inactive";
	if(ptr==lon-1){
		ptr=0;
	}
	ptr++;
	items[ptr].className = "active";
}
document.getElementById('previous1').onclick = function() {	
	var lon = items.length;
	var p = (ptr-1);
	if(p<0){
		p += items.length;
	}
	
	items[ptr].className= "inactive";
	if(ptr==p){
		ptr=items.length;
	}
	ptr = p;
	
	items[ptr].className = "active";
}
© www.soinside.com 2019 - 2024. All rights reserved.