1

Fancybox は、前または次のボタンをクリックしなければ正常に動作しますが、前または次のボタンをクリックすると、グループの画像が読み込まれず、クリックできる画像のみが読み込まれます

私は jquery.fancybox-1.3.4.js を使用しています。これが私が呼び出すスクリプトです

$(document).ready(function() {
  $("a[rel=example_group]").fancybox({
    'transitionIn'  : 'none',
    'transitionOut' : 'none',
    'titlePosition' : 'over',
    'titleFormat'   : function(title, currentArray, currentIndex, currentOpts) {
      return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
    }
  });
});

そして、それは私が呼び出すコードです:

<a rel="example_group" href="images/page1-img3.jpg" alt="" /><img alt="" src="images/page1-img3.jpg"/></a>
4

1 に答える 1

0

あなたの例を考えると、Fancyboxがa[rel=example_group]クエリで見つける画像は1つだけです。あなたの例は完全ですか？

fancybox の Web サイトを見ると、例にはグループ内の各画像に 1 つずつ、3 つのアンカー タグが含まれています。

<a rel="example_group" title="Custom title" href="http://farm3.static.flickr.com/2641/4163443812_df0b200930.jpg">
    <img alt="" src="http://farm3.static.flickr.com/2641/4163443812_df0b200930_m.jpg" />
</a>

<a rel="example_group" title="" href="http://farm3.static.flickr.com/2591/4135665747_3091966c91.jpg">
    <img alt="" src="http://farm3.static.flickr.com/2591/4135665747_3091966c91_m.jpg" />
</a>

<a rel="example_group" title="" href="http://farm3.static.flickr.com/2561/4048285842_90b7e9f8d1.jpg">
    <img alt="" src="http://farm3.static.flickr.com/2561/4048285842_90b7e9f8d1_m.jpg" />
</a>
于 2013-07-10T11:17:09.673 に答える