0

私は自分の Web サイト (まだサーバー上ではなく、コンピューター上) にギャラリーを持っていますが、問題があります。これがスクリプトです（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

私は何をすべきか？

4

1 に答える 1

0

index==galleryItems最後のアイテムではなく、アイテム0にフェードインしているときだと思います。その後、ギャラリーが続くと次のアイテムでフェードインし、結果として 2 倍になります。

$(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);
});
于 2012-08-07T21:47:56.617 に答える