具有多个图像且无重复的自动滑块

Question

我需要制作两个单独的幻灯片，无论如何都会自动更改图像，但两个幻灯片中的图像不应同时存在。我添加了一个小函数来检查这个，如果两个图像是相同的，我遍历我的顺序1.但是，不幸的是我的函数没有一直运行，但只有在第一个图像被选中后才会运行匹配第二个图像中的图像，它什么都不做。每当目前显示的图像彼此匹配时，我需要运行我的函数，如果它确实改变了图像之一。这是我的简单代码：

go get "github.com/robfig/cron"

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
}