Javascript 单击更改背景并跳过板中的第一个元素

我只是写了一个简单的脚本来改变背景点击，问题是第二次重复时，董事会中的第一个元素被省略这里是我的代码

$(function() {
    var i = 0;
    var preloadImg = [
        'https://www.colourbox.com/preview/11903964-black-and-white-embossed-paper-background-lighting-effect.jpg',
        'http://download.4-designer.com/files/20140222/Personalized-lobes-mosaic-background-vector-material-57935.jpg',
        'http://www.tabletwallpapers.org/download/peak-wallpaper_800x800.png',
        'https://s29.postimg.org/51x27g4dj/save_world_colo2r.jpg'
    ];

    $(".right").click(function() {
        if (i < preloadImg.length) {
            $('.back').css('background-image', 'url(' + preloadImg[i] + ')');
        } else if (i == preloadImg.length) {
            i = 0;        
        }
        i++;
    });
});

$（函数（）{
var i=0；
var PRELOIMG=[
'https://www.colourbox.com/preview/11903964-black-and-white-embossed-paper-background-lighting-effect.jpg',
'http://download.4-designer.com/files/20140222/Personalized-lobes-mosaic-background-vector-material-57935.jpg',
'http://www.tabletwallpapers.org/download/peak-wallpaper_800x800.png',
'https://s29.postimg.org/51x27g4dj/save_world_colo2r.jpg'
];
$（“.right”）。单击（函数（）{
如果（i<预装长度）{
$（'.back'）.css（'background-image'，'url（'+preloimg[i]+'））；
}else if（i==预调长度）{
i=0；
}
i++；
});
});

这是：

给你

$(function() {

  var i = 0;
  var preloadImg = ['http://www.tabletwallpapers.org/download/peak-wallpaper_800x800.png','https://www.colourbox.com/preview/11903964-black-and-white-embossed-paper-background-lighting-effect.jpg','http://download.4-designer.com/files/20140222/Personalized-lobes-mosaic-background-vector-material-57935.jpg','https://s29.postimg.org/51x27g4dj/save_world_colo2r.jpg'];

  $(".right").click(function() {

    if(i<preloadImg.length) {
      $('.back').css('background-image', 'url(' + preloadImg[i] + ')');
      i++;
      if(i==preloadImg.length) {
        i = 0;  
      }
    }
  });
});

$（函数（）{
var i=0；
var PRELOIMG=['http://www.tabletwallpapers.org/download/peak-wallpaper_800x800.png','https://www.colourbox.com/preview/11903964-black-and-white-embossed-paper-background-lighting-effect.jpg','http://download.4-designer.com/files/20140222/Personalized-lobes-mosaic-background-vector-material-57935.jpg','https://s29.postimg.org/51x27g4dj/save_world_colo2r.jpg'];
$（“.right”）。单击（函数（）{
如果（我不确定我是否完全理解你的意思，但是如果你在一个完整的循环后丢失了第一个图像，有几种方法可以修复它，最简单的方法就是在其他部分设置你的图像


if（i

不过，还有更优雅的方式……
也许你可以试试这个：

$(".right").click(function(){               
      if(i==preloadImg.length){
         i = 0;
      }
      $('.back').css('background-image', 'url(' + preloadImg[i] + ')');
      i++;
});

这是您正在设置的
i=0；
，然后使用
i++；
$(".right").click(function(){               
      if(i==preloadImg.length){
         i = 0;
      }
      $('.back').css('background-image', 'url(' + preloadImg[i] + ')');
      i++;
});