2013-05-31 86 views
1

我們正在創建一個基於wordpress的項目,但是我們遇到了一個問題,那就是我們需要添加兩個或更多原生WordPress圖庫(以保持fancybox plugin查看)。那麼有沒有插件/方式如何將更多的本地畫廊添加到一個WordPress的頁面?WordPress的畫廊:有一種方法/插件允許兩個或更多的本地畫廊在一個頁面?

PS:我們試圖次世代,但隨後的大視圖中打開2次1次的fancybox 1次NextGen的畫廊 ...所以theoreticly這將是enaugh關閉次世代觀看,但保留nextgen gallery代但問題是如何?

PS2:我們發現了一個半解決方案 - 你可以像IDS一樣 http://codex.wordpress.org/Gallery_Shortcode添加兩個[簡碼],但這種方式,您可以通過點擊這些畫廊 - 但我們的目標在每家畫廊本身就是兩個click只通過。

回答

0

我發現它編碼的解決方案,但只是一點點;-):

  1. 做具體的CSS類例如.mySuperGallery01
  2. 進入您的頁面,插入一個圖庫簡碼例如
    [gallery link="file" size="medium" ids="332,330,331"]
    該ID列表是通過媒體上傳的圖像的ID ...
  3. 將圖庫簡碼與您的圖片包裝在一起。 DIV類這樣的:

    < DIV類= 「mySuperGallery01」 > [畫廊鏈接= 「文件」 大小= 「介質」 IDS = 「332330331」] < /格>

  4. 對於每個shortcoded畫廊WordPress會(#gallery-1,#gallery-2,#gallery-3,...)

  5. 現在進入設置=>創建一個id#gallery-X其中X是您的頁面上的圖庫訂單號Fancybox for WP =>額外撥打電話
  6. 檢查「附加FancyBox電話s「選項
  7. 通過jquery鏈接到畫廊並將每個鏈接添加到組NUUMBER,但將每個下一個畫廊添加到textarea:
    $('.smallerGallery01 #gallery-X a').attr('rel','groupNUMBER');
    one gallery =一段代碼...只需將每個畫廊示例中的X和一個數字更改爲相同的值:
    $('.smallerGallery01 #gallery-1 a').attr('rel','group1'); 
    $('.smallerGallery02 #gallery-2 a').attr('rel','group2');
  8. 您最後需要做的事情是實際在課程中「玩」fancybox,方法是插入eg此代碼textarea的:
 
jQuery(".smallerGallery01 a").fancybox({ 
    'cyclic': false, 
    'autoScale': true, 
    'padding': 10, 
    'opacity': true, 
    'speedIn': 500, 
    'speedOut': 500, 
    'changeSpeed': 300, 
    'overlayShow': true, 
    'overlayOpacity': "0.3", 
    'overlayColor': "#666666", 
    'titleShow': true, 
    'titlePosition': 'inside', 
    'enableEscapeButton': true, 
    'showCloseButton': true, 
    'showNavArrows': true, 
    'hideOnOverlayClick': true, 
    'hideOnContentClick': false, 
    'width': 560, 
    'height': 340, 
    'transitionIn': "fade", 
    'transitionOut': "fade", 
    'centerOnScroll': true 

}); 

9)虛擬的記錄:當然,你必須點擊保存更改按鈕;-)

注:我建議你去一步一步尤其是通過jQuery的設置

優勢:既然你有一個特定的類,也可以使特定的風格只爲你的新風格的畫廊:)