更改在單擊背景，並跳過第一個元素板

我只是寫了一個簡單的腳本來改變點擊背景，問題是當電路板的第一個元素在這裏省略第二次重複我的代碼更改在單擊背景，並跳過第一個元素板

$(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++; 
    }); 
});

這裏的：Demo

來源

2017-01-16 Logan 03

你正在設置'i = 0;'，然後你再次用i ++增加i;' – CBroe

或許你可以試試這個：

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

這裏是fiddle

來源

2017-01-16 10:06:36 jt25

謝謝Jerred求助，它解決了我的問題100％ –

在這裏你去

$(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; 
     } 
    } 
    }); 
});

來源

2017-01-16 09:51:46 parish

不知道我完全理解你在說什麼，但如果它是你缺少的情況下第一圖像的完整循環後，也有一些方法來解決這個問題，最簡單的就是設置你的圖像中的其他部分...

https://jsfiddle.net/ux5a8e0o/12/

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

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

然而，有更優雅的方式。 ..

來源

2017-01-16 09:52:16

更改在單擊背景，並跳過第一個元素板

回答

相關問題