javascript - カルーセル ループの問題 (1 回ループするとアイテムが消える)

Question

そこで、codrops のチュートリアルを使用してカルーセルを作成しました。私は JS に精通しておらず、参照コードなしで JS 関連のものを使用しているわけでもないので、チュートリアルから既存のコードを採用して変更しただけです。私が抱えている問題は、ループバックに関連しています。カルーセルの循環を使用している間、コンテンツは正常に機能しますが、アイテムの 1 つを開いて循環すると、カルーセルの順序が狂います。

左右に押すとアイテムが消え始めるため、大きな問題です。これを手伝ってくれる人はいますか？

以下は、サイトページで使用しているコードです。

<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type='text/javascript' src='<?php echo get_template_directory_uri(); ?>/js/jquery.carouFredSel-packed.js'></script>
<script type="text/javascript">
jQuery(function () {
    jQuery('#leaderthumbs').carouFredSel({
        synchronise: ['#leaderdetails', false, true],
        auto: false,
        width: '100%',
        items: {
            visible: 3,
            start: 0
        },
        scroll: {
            onBefore: function (data) {
                data.items.old.eq(1).removeClass('selected');
                data.items.visible.eq(1).addClass('selected');
            }
        },
        prev: '#prev',
        next: '#next'
    });

    jQuery('#leaderdetails').carouFredSel({
        auto: false,
        items: 1,
        scroll: {
            fx: 'fade'
        }
    });

    jQuery('#leaderthumbs div').click(function () {
        $('#leaderthumbs').trigger('slideTo', [this, -1]);
    });
    jQuery('#leaderthumbs div:eq(1)').addClass('selected');
});
</script>