2

#next #prev ナビゲーションと画像カウンター出力を使用して、いくつかのギャラリーで jQuery サイクルを使用しています。

今、私はこれらすべてのギャラリーを一緒に接続しようとしています。ユーザーがギャラリー A (galleryA.html) の最後のスライドに到達した場合、#next アンカーはギャラリー B (galleryB.html) を指し、#prev アンカーはギャラリー C (galleryC.html) を指す必要があります。

2つの機能を組み合わせてそれを行うにはどうすればよいですか?

// スライドショー fx
$(関数() {
        $('#slideshow').cycle({
        fx: 'フェード',
        スピード: 350,        
        前へ: '#前へ',
        次へ: '#次へ',
        タイムアウト: 0、
        後: onAfter
    });
});
//画像カウンター出力
関数 onAfter(curr,next,opts) {
    var キャプション =
        (opts.currSlide + 1) + opts.slideCount;
        $('#counter').html(キャプション);
}

html:

<div id="slideshow-container">

<div class="slideshow-nav"><a id="prev" href=""></a></div>
<div class="slideshow-nav"><a id="next" href=""></a></div>

<div id="slideshow" class="pics">
    <img src="galleryA/01.jpg" />
    <img src="galleryA/02.jpg" />
    <img src="galleryA/03.jpg" />
    <img src="galleryA/04.jpg" />
    <img src="galleryA/05.jpg" />
    <img src="galleryA/06.jpg" />
</div>
</div>
4

2 に答える 2

1

サイクル プラグインにはあまり詳しくありませんが、次のようなものを に入れることができますfunction onAfter。

if(opts.currSlide == opts.slideCount) { 
  $("#next").attr("href","galleryB.html"); 
}

またはあなたが試すことができます

if(opts.currSlide == opts.slideCount) { 
 $("#next").click(function() { document.location = "galleryB.html"; });
}

テストされていない、それらの線に沿った何か？

#next基本的に、最後のスライドが表示された後にリダイレクト動作をアタッチするだけです。onFinishオプションか何かがあるかもしれませんが、ドキュメントを確認しましたか?

于 2010-04-20T12:42:00.447 に答える
0

ここで見ることができます：

http://helpdesk.toitl.com/?p=cycle_plugin

同期された 2 つのサイクルを同じページに統合するのは簡単ではありません... このサンプルでは、​​location=... によるページのリロードはありませんが、2 つのギャラリーはサイクル プラグインの異なるコマンドを使用して管理されます。

よろしく、 ドミニク・ヴィンセント

于 2010-04-24T14:39:28.627 に答える