0

私は非常にユニークな状況を持っています。これが私のシナリオです。私のページには、それぞれファンシーボックスギャラリーを起動するいくつかの写真があります。写真をクリックして、ナビゲーション バーの別のリンクから各ギャラリーにアクセスしたいと思います。これまでのところ、非常に役立つ「onclick」イベントを使用してナビゲーションを設定できる例を見てきましたが、それを拡張して、ナビゲーションの各リンクから別のギャラリーにアクセスできるようにしたいと考えています。それらの写真から。ファンシーボックスでこの機能を使用する方法を知っている唯一の方法は、「rel」属性を使用することですが、それを onclick イベントに接続する方法がわかりません。どんな助けでも大歓迎です。

これは現在の html のスニペットですが、ここでも最初のギャラリーにしかアクセスできず、onclick イベントを設計して、アクセスしたいギャラリーを指定できるようにしたいと考えています。

 onclick="$('.gallery').eq(0).trigger('click'); return false;

上記の onclick で 'rel="group2"' ギャラリーにアクセスできますが、別の 'rel="group#"' にアクセスするには各リンクが必要です

</div>
<div>
    <a class="gallery" rel='group3' href="Pictures/FinalPhotos/GG.jpg">
    <img src="Pictures/FinalPhotos/GG.jpg"class="pictures4"  alt="deck"></a>
    <a class="gallery" rel='group3' href="Pictures/DDC/IMG_5577-Rendering.jpg"></a>
    <a class="gallery" rel='group3' href="Pictures/atriumdarkps.jpg"></a>
</div>
4

1 に答える 1

0

これを行うことで、個別のリンクから各ギャラリーにアクセスできます（属性hrefなしで直接onclick）：

<a href="javascript:$('[rel=group1]').eq(0).trigger('click'); return false;">access group 1</a>
<a href="javascript:$('[rel=group2]').eq(0).trigger('click'); return false;">access group 2</a>
<a href="javascript:$('[rel=group3]').eq(0).trigger('click'); return false;">access group 3</a>

...など。

すべての要素が同じクラスを共有しているためgallery（ただしrel属性は異なります）、すべての要素に1つのスクリプトを使用できます

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

JSFIDDLEを参照してください

于 2013-02-19T08:45:32.423 に答える