2013-07-10 113 views
1

Fancybox工作正常,如果我不點擊上一個或下一個按鈕,但當我點擊上一個或下一個時,組圖像沒有加載,只有我可以點擊的圖像被加載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> 
+1

做一個jsfiddle.net。什麼版本的jQuery? Fancybox是2歲,嘗試http://fancyapps.com/fancybox/ – mplungjan

回答

0

鑑於你的榜樣,我只看到Fancybox犯了一個形象d查找您的a[rel=example_group]查詢。你的例子是否完整?

如果你看看fancybox's website的例子包括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> 
+0

我用你喜歡你給我的例子。但我的問題是當我點擊上一個或下一個,組圖像沒有加載,只有圖像我可以點擊加載,我使用jquery.fancybox-1.3.4.js –