2012-03-22 55 views
2

我想讓fancybox2在我的網站上工作,並且遇到導航箭頭的問題。導航箭頭不能在fancybox中工作

點擊上一個/下一個箭頭,當看到一個圖片是一個畫廊的一部分(相同的rel)只是導致一個空的方形fancybox與「下一個」(或「前一個」)作爲標題。我無法回到我正在查看的圖像,並且必須關閉fancybox。

奇怪的是,Fancybox似乎正常工作,所有的腳本和CSS都正確加載,我可以在fancybox中打開圖像,甚至可以在鍵盤之間瀏覽同一圖庫的項目通過在激活nextclick選項時點擊內容(因此顯示我自己的選項已正確考慮)。

配置:WordPress的3.3.1,5.5.9 PHP上更新Chrome和FF測試。

這裏有一些代碼部分我用:

jQuery(document).ready(function() { 

jQuery("a[class*=fancybox]").fancybox({ 
     nextClick:'true', 
     openEffect  : 'elastic', 
     closeEffect  : 'fade', 
     nextEffect  : 'easeOutBack', 
     prevEffect  : 'easeInBack', 
     helpers : { 
      title : { 
       type : 'outside' 
      } 
     }, 

    }); 

}); 

而且我的網頁上,我的畫廊設置了定義不同的項目如下:

<a rel="gallery" class="gallery fancybox" href="link to myimage.jpg"></a> 

感謝給予任何幫助!

回答

1

對於初學者,您應該使用jQuery("a.fancybox")來啓動您的fancybox,我懷疑您的php版本是否正確。

如果您收到一個空的fancybox那麼這可能意味着這是一個/上未正確加載的對象。

同時檢查控制檯中的錯誤(在Chrome F12中)併發布這些錯誤。你給我們調試的信息有點微不足道。