Javascript 图片幻灯片获胜';t形滑梯
我用javascript编程了一个图像滑块,它是“功能性的”,但除了第一个和最后一个图像外,它不会交替显示图像。例如,如果我在第一个图像上并按下右键,它将不会更改为阵列中的下一个图像。但是,如果我按下左键,它将变为数组中的最后一个图像。同样的事情也会发生在最后一张图片上。我不知道怎么解决这个问题。你能帮忙吗 我认为它可能与“total”变量有关,但我不确定 这是密码Javascript 图片幻灯片获胜';t形滑梯,javascript,css,image,slider,Javascript,Css,Image,Slider,我用javascript编程了一个图像滑块,它是“功能性的”,但除了第一个和最后一个图像外,它不会交替显示图像。例如,如果我在第一个图像上并按下右键,它将不会更改为阵列中的下一个图像。但是,如果我按下左键,它将变为数组中的最后一个图像。同样的事情也会发生在最后一张图片上。我不知道怎么解决这个问题。你能帮忙吗 我认为它可能与“total”变量有关,但我不确定 这是密码 window.onload = function () { var nmbr_imgs = 4;
window.onload = function () {
var nmbr_imgs = 4;
var imgs_holder = ["IMGS/Actinium.png", "IMGS/Aluminum.png", "IMGS/Astatine.png", "IMGS/Barium.png"];
var total = imgs_holder.length;
var left_btn = document.getElementById('left_btn');
var right_btn = document.getElementById('right_btn');
var imgs_display = document.getElementById('imgs_display');
left_btn.addEventListener('click', function() {
var lefting = total - 1;
imgs_display.src = imgs_holder[lefting];
if (lefting < 0) {
imgs_display.src = imgs_holder[(nmbr_imgs - 1)];
}
}, false);
right_btn.addEventListener('click', function() {
var righting = total + 1;
imgs_display.src = imgs_holder[righting];
if (righting > (nmbr_imgs - 1)) {
imgs_display.src = imgs_holder[0];
}
}, false);
}
window.onload=函数(){
var nmbr_imgs=4;
var imgs_holder=[“imgs/Actinium.png”、“imgs/aluminal.png”、“imgs/Astatine.png”、“imgs/baba.png”];
var总计=imgs_持有人长度;
var left_btn=document.getElementById('left_btn');
var right_btn=document.getElementById('right_btn');
var imgs_display=document.getElementById('imgs_display');
left_btn.addEventListener('单击',函数()){
var lefting=总计-1;
imgs_display.src=imgs_支架[左];
如果(左移<0){
imgs_display.src=imgs_支架[(nmbr_imgs-1)];
}
},假);
右键\u btn.addEventListener('单击',函数()){
var补正=总计+1;
imgs_display.src=imgs_支架[扶正];
如果(扶正>(nmbr\U imgs-1)){
imgs_display.src=imgs_支架[0];
}
},假);
}
您的听众有点情绪低落
total = total - 1;
imgs_display.src = imgs_holder[total];
if(lefting < 0) {
total = nmbr_imgs - 1;
imgs_display = imgs_holder[total]
}
total=total-1;
imgs_display.src=imgs_支架[总计];
如果(左移<0){
总计=nmbr\U imgs-1;
imgs_显示器=imgs_支架[总计]
}
。。。尝试递增/递减总计,而不是每次重置为总计+/-1的向左/向右