1

Zurb Orbit Slider を使用しています: http://www.zurb.com/playground/jquery_image_slider_plugin

次の設定を使用したスライドショーがあります。

$(window).load(function() {
$('#featured').orbit({
    animation: 'fade',               
    animationSpeed: 100,                // how fast animtions are
    timer: true,                        // true or false to have the timer
    advanceSpeed: 250,                  // time between transitions 
    directionalNav: false,              // manual advancing directional navs
    afterSlideChange: function(){}      // empty function               
    });
});

次に、CSSを使用してタイマーを非表示にしています（タイマーをオフにすると、フレームが進まないため、方向ナビゲーションを非表示にしました...）：

div.timer {display: none;}

とにかく、これまでのところすべてが完璧に機能しています。私ができることは、スライド ショーがスライドの回転を停止するようにすることです。つまり、最後のスライドで停止し、最初のスライドに戻らないようにすることです。

答えは、スライドの変更後に関数を追加する機能と関係があると思われます:

afterSlideChange: function(){}

しかし、残念ながら、この JS は私には理解できません。

興味がある方のために: jquery スライダーを使用して一種のストップ モーション アニメーションを作成する小さな実験用です。これは、私がしばらく疑問に思っていた手法です。それはうまく機能していますが、永遠にループすることは本当に物事を台無しにします。:)

お時間をいただき、専門知識を共有していただきありがとうございます。

ジョン

4

2 に答える 2

0

自分で検索したときにこれを見つけました：https://github.com/zurb/orbit/issues/49

于 2012-07-24T18:31:56.460 に答える