1

Zurb 'Orbit' Javascript スライダーhttp://www.zurb.com/playground/orbit-jquery-image-sliderを使用しています。独自の JavaScript を起動して、手動でスライダーを左に進めたいと思います。または右。

基本的には、コンテンツで埋めてから、タイマー機能やナビゲーション画像をクリックするだけでなく、ページ全体とのユーザーのやり取りに応じて、そのコンテンツをビューの外に「スライド」させたいと思います図書館から提供されました。

「myLink」という名前のリンクがある場合、次のようなものです...

$('#myLink').click(function() {
   ... code to advance javascript slider...
   $('#content').orbit(?????);
});

それに失敗すると、私の「コンテンツ」は html フォームやその他の同様のものになります。私が望むことを既に実行している優れた無料のライブラリを知っている人はいますか?

4

4 に答える 4

5

「afterLoadComplete」を使用して軌道オブジェクトへの参照を取得します。

var myOrbit;

$(".orbitSlides").orbit({
        afterLoadComplete: function() {
            myOrbit = this;
        }
});

次に、「shift」機能を使用してスライドを変更します。

myOrbit.shift(1);

また

myOrbit.shift('prev');

また

myOrbit.shift('next');
于 2013-01-09T16:00:20.693 に答える
4

最も簡単な方法は

$(".slider-nav .right").click();

クリックされている矢印をシミュレートします。bullet-navigation オプションの使用を考慮して、必要に応じて変更します。

プラグインはいかなる種類の API も公開しないため、それ以上に洗練されたものは得られないと思います。すべてプラグイン内で非公開に閉じられています。

于 2012-11-01T12:22:20.020 に答える
0

私はこれを使います

$('#next').click(function(){
$('#rotator').trigger("orbit.next"); 
})
$('#prev').click(function(){
    $('#rotator').trigger("orbit.prev"); 
})

div#rotatorが軌道スライダーであると仮定します。

于 2013-02-19T21:41:03.017 に答える