Question

我的网站上有一个画廊（在我的电脑上，而不是在服务器上），我有一个问题。这是它的脚本（它是通过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);
});

画廊有效，但过了一段时间我不在画廊看它停止正常工作。

这应该是它的样子：

picture 1

这就是它的实际外观：

picture 2

我该怎么办？

Answer 1

我相信当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);
});

jquery画廊没有完全奏效

1 个答案: