我成功编码了自动前进幻灯片的按钮。这两个按钮都可以使用,但是只有下一个按钮可以循环浏览所有图像。当我使用上一个按钮到达开头时,整个功能中断,并显示错误消息,即找不到无效或活动的元素。
我想念什么?
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";
}
答案 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";
}