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