1

CarouFredSel を使用して無制限の質問を続けます。

カルーセルを制御する一連のサムネイルがあります。これは、セットアップ方法で私が持っていた以前の質問へのリンクです。

caroufredsel 画像サムネイルのワードプレスでのページネーション

そして、親指がクリックされたときに一時停止する方法に関する別の質問

クリック時にカルーセルを一時停止

私の解決策は、遅延を追加することでした。

別のサムネイルをクリックするまで、すべてうまくいきます。何も起こりません。それは私が思う一時停止/遅延と関係があります。タイムアウト機能を削除したかのように、クリックされるサムネイルごとにフェードしますが、サムネイルをクリックするたびにスライドショーが一時停止することはなくなりました。

$('#thumbs .thumb a').each(function(i) {
        $(this).addClass( 'itm'+i );

        /* add onclick event to thumbnail to make the main 
        carousel scroll to the right slide*/
        $(this).click(function() {

                $('#project-carousel').trigger( 'slideTo', [i, 0, true] );
                    setTimeout(function() {
                        $('#project-carousel').trigger('pause', true);
                    }, 1000);
                    return false;
        });
    });

要約すると、これはサムネイルを初めてクリックしたときに正常に機能し、その後サムネイルをクリックしても何も起こりません。スライドショーを再び開始できないようです。

いくつかの条件ステートメントを考えましたが、考えられるそれぞれのステートメントは、後続のクリックからではなく、各インスタンスに適用されます。このようなもの：

if($(this).not(".paused")) {
       $('#project-carousel').trigger( 'slideTo', [i, 0, true] );
       }
       else {
        $(this).addClass("paused");
       $('#project-carousel').trigger( 'slideTo', [i, 0, true] );
            setTimeout(function() {
           $('#project-carousel').trigger('pause', true);
            }, 1000);
             return false;
        }

しかし悲しいことに、それは常に最初の条件にヒットし、他の条件に到達しないため、一時停止しません。おそらく論理的な問題だと思いますが、カルーセルを再び開始するために追加する必要があるトリガーにすぎないのかもしれません。わからない。

4

1 に答える 1

0

遅延の問題でした。これは解決されたコードです:

jQuery(function(){

    $(".project-arrows").click(function() {
        $('#project-carousel').trigger('play',true);
    });

    /* Attached an unique class name to each thumbnail image */
    $('#thumbs .thumb a').each(function(i) {
        $(this).addClass( 'itm'+i );

        /* add onclick event to thumbnail to make the main 
        carousel scroll to the right slide*/
        $(this).click(function() {
            $('#project-carousel').trigger('play',true);
            $('#project-carousel').trigger( 'slideTo', [i, 0, true] );
            $('#project-carousel').trigger('stop');
            return false;
        });
    });

トリックは、一時停止の代わりに停止を使用し、任意のクリックで再生をトリガーすることでした。

于 2013-03-13T22:10:00.630 に答える