0

jquery サイクル (第 1 バージョン) を使用して Web サイトに取り組んでいます。スライドショーを含むページがあり、#next 関数を使用してスライドショーに移動します。スライドショーの最後のスライドをクリックすると、別のページ (var random_next_url_enfant) にリダイレクトされます。

正常に動作しますが、次のページに変更する直前にサイクルが再び開始されます。(最後のスライド、次に最初のスライドが簡単に表示され、次のページへのリンク)...次の例を参照してください。

http://www.jacques-ferrier.com/projets/choisy-le-roi/

誰かがスライドショーを停止して待ち時間なしでページを変更するトリックを知っているかどうか知りたい. スライド ショーの最後のスライドが表示されたら、スライド ナビゲーションを停止し、クリックすると直接リンクに移動します。「e.preventDefault()」がこれを行うと思っていましたが、そうではありません。

ここに私のjsコードがあります:

$('#slider_projets').cycle({
            speed:    600, //temps d'animation
            timeout:  0, //fréquence
            fx: 'scrollLeft',
            //compteur//
            pager: "#nav",
            after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
                $('#counter').text((options.currSlide + 1) + ' / ' + (options.slideCount));
                slideIndex = options.currSlide;
                nextIndex = slideIndex + 1;
                prevIndex = slideIndex - 1;
                if (slideIndex == options.slideCount - 1) {
                    nextIndex = 0;
                    var random_next_url_enfant = $("#random_next_url_enfant").val();
                    $('#next').on("click", function(e){
                        e.preventDefault();
                        window.location = random_next_url_enfant;
                    });
                }

                if (slideIndex === 0) {
                    prevIndex = options.slideCount - 1;
                }

            }

        });

    $('#next').click(function() {
        $('#slider_projets').cycle(nextIndex, "scrollLeft");
    });

ここにjsfiddleがあります:http://jsfiddle.net/GahHQ/

あなたが私を助けてくれることを願っています、

どうもありがとう

4

0 に答える 0