0

私は最新の Fancybox を使用しており、1 つのページに複数のギャラリーを表示しようとしています。relグループ化の属性と以下の例を試しました。写真がグループ化されていないかどうかに関係なく。フォーラムで見たすべての推奨事項を試しましたが、役に立ちませんでした。このスニペットをページ内のスクリプトとして試しましたが、どちらも機能しませんでした:

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

<a class="fancybox" data-fancybox-group="cover" href="images/horse1L.jpg"></a>

あなたが提供できるどんな助けも素晴らしいでしょう。

4

2 に答える 2

0

この構造relは

<p> Gallery one</p>
<a rel="gallery01" class="fancybox" href="one_01.jpg">Gallery one / image 01</a>
<a rel="gallery01" class="fancybox" href="one_02.jpg">Gallery one / image 02</a>

<p>Gallery two</p>
<a rel="gallery02" class="fancybox" href="two_01.jpg">Gallery two / image 01</a>
<a rel="gallery02" class="fancybox" href="two_02.jpg">Gallery two / image 02</a>

...このスクリプトで： 

$(document).ready(function() {
  $(".fancybox").fancybox(); // fancybox
}); // ready

...動作するはずです!!

このJSFIDDLEを確認して、コードと比較してください。

また、jsとcssの両方のfancyboxファイルを最新バージョンに更新したことを確認してください。

于 2013-01-07T21:58:43.477 に答える
0

script.jsファイルから次の行を削除すると、rel属性が正しく機能するようになりました。

$('.list4>li>figure>a, .list6>li>figure>a').attr('rel','appendix') .prepend('<span class="sitem_over"><strong></strong></span>')

于 2013-01-10T22:04:24.067 に答える