複数の画像と重複のない自動スライダ

Question

コントロールなしで画像を自動的に変更する2つの別々のスライドショーを作成する必要がありますが、同時に両方のスライドショーに同じ画像があるべきではありません。私はこれを確認するために小さな関数を追加し、両方の画像が同じであれば、私は1で私の注文をたどりました。しかし残念ながら私の関数は常に実行されていませんが、最初の画像が選択され、 2番目の画像の画像と一致すると、何もしません。私は、現在表示されている画像がお互いに一致している場合、および画像のいずれかが変更された場合に実行する機能が必要です。

[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 
}