Javascript 图片幻灯片获胜';t形滑梯

Javascript 图片幻灯片获胜';t形滑梯,javascript,css,image,slider,Javascript,Css,Image,Slider,我用javascript编程了一个图像滑块,它是“功能性的”,但除了第一个和最后一个图像外,它不会交替显示图像。例如,如果我在第一个图像上并按下右键,它将不会更改为阵列中的下一个图像。但是,如果我按下左键,它将变为数组中的最后一个图像。同样的事情也会发生在最后一张图片上。我不知道怎么解决这个问题。你能帮忙吗 我认为它可能与“total”变量有关,但我不确定 这是密码 window.onload = function () { var nmbr_imgs = 4;

我用javascript编程了一个图像滑块,它是“功能性的”,但除了第一个和最后一个图像外,它不会交替显示图像。例如,如果我在第一个图像上并按下右键,它将不会更改为阵列中的下一个图像。但是,如果我按下左键,它将变为数组中的最后一个图像。同样的事情也会发生在最后一张图片上。我不知道怎么解决这个问题。你能帮忙吗

我认为它可能与“total”变量有关,但我不确定

这是密码

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的向左/向右