jquery gallery 不能完全工作 - jquery gallery doesn't fully work

jquery gallery doesn't fully work

本文关键字：工作不能 gallery jquery | 更新日期: 2024-06-20

我的网站上有一个图库（在我的计算机上，还没有在服务器上），但我遇到了问题。这是它的脚本（它由PHP从服务器加载）：

$(document).ready(function() {
    $('.gallery').hide();
    $('.gallery:first').fadeIn();
    var galleryItems=$('.gallery').length;
    var index=0;
    setInterval(function() 
    {
        index++ ;
        var id="gallery-"+(index);
        $('.gallery').hide();
        if (index==galleryItems)
        {
            index=0;
        }
        $('#gallery-'+index).fadeIn(1000);
    },7000);
});

图库

可以工作，但是一段时间后我不在图库上查看，它停止正常工作。

这是它应该的样子：

图1

这是它的实际外观：

图2

我该怎么办？

我相信

当index==galleryItems时，您会在第 0 项而不是最后一项中淡出。然后，当画廊继续时，它会在下一个项目中淡出，导致加倍。

$(document).ready(function() {
    $('.gallery').hide();
    $('.gallery:first').fadeIn();
    var galleryItems=$('.gallery').length;
    var index=0;
    setInterval(function() 
    {
        index++ ;
        //var id="gallery-"+(index); this is unused so it should be removed.
        $('.gallery').hide();
        $('#gallery-'+index).fadeIn(1000); // MOVED TO BEFORE INDEX RESET
        if (index==galleryItems)
        {
            index=0;
        }
    },7000);
});