Fancybox正在顯示所有圖庫圖片

Question

我使用的是花式框2，但是當我點擊鏈接打開幻燈片時，所有圖像都立即顯示。有時它會增加一個滾動條....看看下面的代碼

http://jsfiddle.net/Tx3AF/

對不起我不能添加fancyboox JS以顯示圖庫.. 任何幫助將不勝感激...我已經搜查了互聯網和沒有運氣...

謝謝。

Answer 1

如果您使用此

$(".fancybox").fancybox({ 
    openEffect: 'none', 
    closeEffect: 'none' 
});​ 

則只是class的fancybox添加到所有<a>標記，針對同一畫廊的形象。

你的第一個環節

<a class="fancybox" href="#morephotos">This shows ... 

實際上應該針對畫廊

<a class="fancybox" href="firstImage.jpg" rel="gallery">This shows.... 

的第一個圖像...否則將顯示無論是<div>與id="morephotos"內。

不要忘記了。就緒（）方法中的包裝定製的fancybox腳本像

$(document).ready(function(){ 
    $(".fancybox").fancybox({ 
     openEffect: 'none', 
     closeEffect: 'none' 
    });​ // fancybox 
    }); // ready