我發現它編碼的解決方案,但只是一點點;-):
- 做具體的CSS類例如.mySuperGallery01
- 進入您的頁面,插入一個圖庫簡碼例如
[gallery link="file" size="medium" ids="332,330,331"]
該ID列表是通過媒體上傳的圖像的ID ...
將圖庫簡碼與您的圖片包裝在一起。 DIV類這樣的:
< DIV類= 「mySuperGallery01」 > [畫廊鏈接= 「文件」 大小= 「介質」 IDS = 「332330331」] < /格>
對於每個shortcoded畫廊WordPress會(#gallery-1,#gallery-2,#gallery-3,...)
- 現在進入設置=>創建一個id#gallery-X其中X是您的頁面上的圖庫訂單號Fancybox for WP =>額外撥打電話
- 檢查「附加FancyBox電話s「選項
- 通過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');
- 您最後需要做的事情是實際在課程中「玩」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的設置
優勢:既然你有一個特定的類,也可以使特定的風格只爲你的新風格的畫廊:)