Fancybox圖庫彈出問題

我確定我已經爲此選擇了完美的標題，但如果有人可以想出更好的標題，隨時編輯。無論如何，當我點擊圖片打開一個彈出窗口時，我的圖庫中整合了jQuery插件fancybox的一個小問題。揭示畫廊click here Fancybox圖庫彈出問題

我選擇使用iframe的原因是因爲我希望畫廊展示視頻和圖片。 iframe是否是實現此目標的正確格式？

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".various").fancybox({ 
     minWidth : 902, 
     minHeight : 505, 
     fitToView : true, 
     width  : '50%', 
     height  : '50%', 
     closeClick : true, 
     openEffect : 'fade', 
     closeEffect : 'fade', 
     type : 'iframe', 
     preload: 'auto', 
     helpers: { 
      thumbs: { 
      width : 50, 
      height : 50 
      } // closes thumbs 
      } // closes helpers 
    }); 
});

我使用該插件Montage爲響應元素。如果兩個插件之間存在某種形式的衝突。有人可以糾正我出錯的地方嗎？

來源

2013-02-17 NewKid

不應該有任何衝突，但據我可以告訴你缺少對包括的fancybox CSS文件（只包括的fancybox，拇指CSS文件）......在另一方面，你沒有給予指定'type：「iframe」'圖像，你可以設置類型每個鏈接的內容 – JFK 2013-02-18 02:34:28

-1

我最近試圖使用fancybox來顯示圖像和照片，我找不到使用它的合適解決方案。相反，我使用PrettyPhoto，我發現它非常好，有很多可定製的選項。如果你願意/能夠從fancybox切換，我會建議使用這個。

要設置它，只需設置PrettyPhoto選擇

$("a[rel^='prettyPhoto']").prettyPhoto();

那麼對於每一個環節，以圖像和/或視頻要顯示在您的畫廊，只需添加屬性（名稱爲方形您的畫廊括號內）的鏈接

rel="prettyPhoto[myGalleryName]"

來源

2013-02-17 19:54:43 Fisu

Fancybox圖庫彈出問題

回答

相關問題