为什么下一个按钮的代码会循环播放幻灯片,而上一个按钮却没有?

时间:2019-03-26 20:42:08

标签: javascript button slideshow

我成功编码了自动前进幻灯片的按钮。这两个按钮都可以使用,但是只有下一个按钮可以循环浏览所有图像。当我使用上一个按钮到达开头时,整个功能中断,并显示错误消息,即找不到无效或活动的元素。

我想念什么?

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";
}

1 个答案:

答案 0 :(得分: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";
}