具有多個圖像並且沒有重複的自動滑塊

Question

我需要製作兩個單獨的幻燈片，這些幻燈片不用任何控件即可自動更改圖像，但在幻燈片中不應該有相同的圖像。我添加了一個小函數來檢查這一點，如果兩個圖像都是相同的，我將遍歷我的順序1.但是，不幸的是，我的函數並不是一直運行，而是隻在第一個圖像被選中後，如果它不匹配第二個圖像中的圖像，它不會執行任何操作。我需要我的功能來運行，只要當前顯示的圖像相互匹配，並且它確實改變了其中一個圖像。這裏是我的簡單代碼：

[https://jsfiddle.net/dfv32vfq/] 

Answer 1

使用此代碼它必須更好。

function showSlides() { 
    var i; 
    var slides = document.getElementsByClassName("mySlides"); 

    for (i = 0; i < slides.length; i++) { 
     slides[i].style.display = "none"; 
    } 

    do 
    { 

     slideIndex++; 
     if (slideIndex> slides.length) {slideIndex = 1} 
    } 
    while ($('.mySlides img').attr('src') == $('.mySlides1 img').attr('src')); 

    slides[slideIndex-1].style.display = "block"; 

    setTimeout(showSlides, 2000); // Change image every 2 seconds 
}