0

ファンシーボックス スライダーをサイトの前後の矢印に統合しました。

別リンクをクリックしながらスライダーを開きたい。このために、次のコードを使用しました

$('a.fancybox').eq(0).trigger('click'); return false;

それは正常に動作します。しかし、それは最初の画像で始まります。

私が必要なのは

ファンシーボックスには2番目の画像が表示されます（次の矢印をクリックすると）。そのとき、テキスト リンクをクリックしてファンシー ボックスを開きます。2番目の画像を表示する必要があります。このために、次のコードで 0 の代わりにインデックスを渡す必要があります ` $('a.fancybox').eq(0).trigger('click'); false を返します。

これのために私はコードを使用しました

$('a.fancybox').eq($(this).index(this)).trigger('click'); return false;

しかし、うまくいきませんでした。

現在の画像インデックスを取得する方法と、これを別のテキスト リンクで渡す方法。

私を助けてください。ありがとう

4

1 に答える 1

0

次のようなギャラリーのさまざまな要素がある場合があります

<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>
<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt="" /></a>

など...そして、通常のスクリプトを使用して、次のbindようなファンシーボックスを作成します。

$(".fancybox").fancybox();

次に、次のような個別のリンクでアイテムのさまざまなトリガーを設定できますeach

<a href="#" class="triggers">trigger one</a>
<a href="#" class="triggers">trigger two</a>

等

...そして、次のようなfancyboxで対応する画像を起動するようにトリガーbindするだけです:

$(".triggers").each(function (i) {
    $(this).bind("click", function () {
        $(".fancybox").eq(i).click();
        return false;
    });
});

JSFIDDLEを参照してください

于 2013-03-08T07:38:16.733 に答える