WP jQuery Lightbox
外掛Plugin描述
這個外掛Plugin可讓你保持真棒Lightbox 2 的功能,但是大量的Prototype Framework 和 Scriptaculous Effects Library。
Warren Krewenki 將Lightbox移植到jQuery ,這個外掛Plugin主要是他的工作包裝:提供本地化支持,配置管理面板,(可選)自動裝箱圖像鏈接和支持 WordPress畫廊,,包括 媒體庫標題和標題。
此版本也針對移動設備進行了調整;
在觸摸設備上輕擊圖像之間的滑動手勢改進的縮放最大化使用屏幕空間對瀏覽器窗口的調整和手機的方向
請參閱此處的外掛Plugin: http:/ /game.hgo.se/blog/motion-capture/
您可以使用鍵盤瀏覽圖像:箭頭,P(向上)/ N(分機)和X / C / ESC關閉。
如果您重視我的外掛Plugin,有幾種方法可以幫助我;
通過幫助我或使用我的推薦鏈接註冊到Microsoft OneDrive – 我們都免費獲得0.5GB額外費用或註冊RealPlayer Cloud使用我的推薦鏈接 – 我們都免費獲得1GB額外費用!從我的亞馬遜whislisth 得到任何東西(二手物品都行!)
非常感謝任何幫助。謝謝!
1.4.8(2015-12-31)
未正確加載固定翻譯固定支持WordPress 4.4
1.4.7(2015-09-21)
支持r WordPress’新翻譯系統。更新翻譯為葡萄牙語(謝謝:PedroMendonça)為葡萄牙語添加圖像和CSS(謝謝:PedroMendonça)
1.4.6(2015-03-20)
“點擊下載鏈接”現在正確打開下載對話框而不是顯示fileTitle,標題和所有控件元素現在可以單獨打開/關閉添加對自定義樣式表的支持(只需將原始文件複製到主題的樣式文件夾,然後黑客攻擊)重新構建HTML,製作樣式更容易為所有元素添加特定的CSS選擇器被忽略的固定動畫速度設置對Internet Explorer 8的刪除怪異支持已刪除幫助文本設置
1.4.5(2013-06-09)
適合低rez顯示的屏幕邊緣(< 500px)添加全局設置以隱藏標題& caption減少為每個圖像運行的代碼量顯示更新的德語翻譯(感謝 Niko23 )修復:滑動方向固定:幻燈片現在等待圖像顯示,然後啟動timer.Fix:支持最新的jQueryFix:WordPress編碼錯誤引號在標題中,導致重複的文本顯示。
1.4.1(2013-02-03)
在觸摸設備上添加了滑動手勢添加幻燈片在一個帖子中添加了對多個集合的支持(使用: 組
with gallery-shortcode)通過 數據下載
添加了對任意點擊下載鏈接的支持 – 屬性添加了從圖像ALT屬性中選擇文本的支持(如果標題是不可用)添加了翻譯:Norwegian Bokmå l(感謝 Ole Martin Kristiansen !)修復regexp來處理www.gif.org等網址。 (感謝Yannick Berker!)修復了更改的常用ID以避免衝突。 (你現在必須更新你的CSS!)(帽子提示; Pollmann Frederic)修復Infinite Scroll和similarFix更好的支持,在不相關的對象,嵌入和選擇節點上切換可見狀態。 mwolfe02 修復管理頁面上的漏洞CSS
舊的更改日誌已移至此處。
Copyright(C)2010-2016 Ulf Benjaminsson(我在ulfben dot com的第一個名字)。
該程序是免費軟件;您可以根據
自由軟件基金會發布的GNU通用公共許可證條款重新分發和/或修改
;許可證的第2版,或
(根據您的選擇)任何更高版本。
本程序的發布是希望它有用,
但沒有任何擔保;甚至沒有
適銷性或特定用途的適用性的暗示保證。有關更多詳細信息,請參閱
GNU通用公共許可證。
您應該已收到GNU通用公共許可證
的副本以及此程序;如果沒有,請寫信給自由軟件
Foundation,Inc.,59 Temple Place,Suite 330,Boston,MA 02111-1307 USA
屏幕截圖



安裝
將 wp-jquery-lightbox
– 文件夾上傳到 / wp-content / plugins /
目錄,通過WordPress的“外掛Plugin”菜單激活外掛Plugin。查看管理界面中的jQuery Lightbox面板,了解使用細節和配置。
如何使用:
所有圖庫中的所有圖庫發表一個幻燈片。要創建單獨的幻燈片,請使用 group
:
您可以手動將 rel =”lightbox“
屬性添加到任何鏈接:
&lt ; a href =“image-1.jpg”rel =“lightbox”title =“my caption”> image#1< / a>
注意使用title-attribute設置標題
要手動分組相關圖像集,請按照步驟3進行操作,但另外在 rel中包含組名
屬性:
< a href =“image-1.jpg”rel =“lightbox [roadtrip]”>圖像#1< / a>< a href =“image- 2.jpg“rel =”lightbox [roadtrip]“>圖像#2< / a>< a href =”image-3.jpg“rel =”lightbox [roadtrip]“>圖像#3< / a>
您可以使用數據下載
屬性設置自定義下載鏈接:
< a href =“image-medium.jpg “rel =”lightbox“data-download =”image-superlarge.jpg“> [...]< / a>
要禁用圖像鏈接的燈箱,只需設置任何其他rel屬性: rel =“nobox”
鍵盤支持:箭頭,P(revious)/ N(ext)和X / C / ESC收盤。在觸摸設備上向左/向右滑動。
Infinite-Scroll 和類似的“無限頁面”-plugins應該調用 doLightbox();
每當加載新內容時。檢查外掛Plugin中是否有名為“callbacks”的設置
– 在加載每個新頁面後調用的代碼。添加此行;
if(typeof doLightBox!==’undefined’&& typeof jQuery!==’undefined’){
doLightBox();
}
在服務器端,您可以通過運行 jqlb_apply_lightbox($ your_html_content,“任何ID”)將燈箱應用於任何內容;
它返回一個字符串,其中所有圖像鏈接都是lightboxed,按“any id”
分組。
故障排除:
如果您遇到WP jQuery Lightbox問題,請確保在尋求幫助之前嘗試這些步驟。如果您尋求幫助,我發現任何這些步驟都可以解決問題,我會將您鏈接回來自行完成工作。
確保您的網站沒有丟失任何javascript錯誤。使用您的瀏覽器javascript控制台查找。
如果您正在運行自定義主題:
確保您有 wp_head();
就在收盤前< / head>你的主題的
標籤,或者你將打破許多外掛Plugin,通常使用這個鉤子來引用JavaScript文件。
出於同樣的原因,總是有 wp_footer();
就在收盤前< / body>主題的
標籤。
許多JavaScript優化器,組合器,縮小器等與 wp_localize_script
衝突,用於配置此外掛Plugin和許多其他外掛Plugin。
如果您遇到jQuery Lightbox問題;首先禁用所有JavaScript優化外掛Plugin。 (優化腳本,W3總緩存,WP縮小等)
如果您為WordPress開發JavaScript優化器,請使用默認API …
最後:
一次禁用所有其他外掛Plugin。嘗試每個之間的燈箱。
恢復默認主題。它有幫助嗎?修復你的主題。
在論壇中搜索類似症狀。
還有問題嗎?發布鏈接並描述您遇到的問題,並告訴我們您已經嘗試過的這些步驟。
常見問題
安裝Instructions上傳 wp-jquery-lightbox
– 文件夾到 / wp-content / plugins /
目錄通過WordPress的“外掛Plugin”菜單激活外掛Plugin。查看你的jQuery Lightbox-panel管理界面,了解使用細節和配置。
如何使用:
所有圖庫中的所有圖庫發表一個幻燈片。要創建單獨的幻燈片,請使用組
:
您可以手動將 rel =”lightbox“
屬性添加到任何鏈接:
< a href =“image-1.jpg”rel =“lightbox”title =“my caption”> image#1< / a>
注意使用title-attribute設置標題
要手動分組相關圖像集,請按照步驟3進行操作,但另外在 rel中包含組名
屬性:
< a href =“image-1.jpg”rel =“lightbox [roadtrip]”>圖像#1< / a>< a href =“image- 2.jpg“rel =”lightbox [roadtrip]“>圖像#2< / a>< a href =”image-3.jpg“rel =”lightbox [roadtrip]“>圖像#3< / a>
您可以使用數據下載
屬性設置自定義下載鏈接:
< a href =“image-medium.jpg “rel =”lightbox“data-download =”image-superlarge.jpg“> [...]< / a>
要禁用圖像鏈接的燈箱,只需設置任何其他rel屬性: rel =“nobox”
鍵盤支持:箭頭,P(revious)/ N(ext)和X / C / ESC收盤。在觸摸設備上向左/向右滑動。
Infinite-Scroll 和類似的“無限頁面”-plugins應該調用 doLightbox();
每當我加載新內容。檢查外掛Plugin中是否有名為“callbacks”的設置
– 在加載每個新頁面後調用的代碼。添加此行;
if(typeof doLightBox!==’undefined’&& typeof jQuery!==’undefined’){
doLightBox();
}
在服務器端,您可以通過運行 jqlb_apply_lightbox($ your_html_content,“任何ID”)將燈箱應用於任何內容;
它返回一個字符串,其中所有圖像鏈接都是lightboxed,按“any id”
分組。
故障排除:
如果您遇到WP jQuery Lightbox問題,請確保在尋求幫助之前嘗試這些步驟。如果您尋求幫助,我發現任何這些步驟都可以解決問題,我會將您鏈接回來自行完成工作。
確保您的網站沒有丟失任何javascript錯誤。使用您的瀏覽器javascript控制台查找。
如果您正在運行自定義主題:
確保您有 wp_head();
就在收盤前< / head>你的主題的
標籤,或者你將打破許多外掛Plugin,通常使用這個鉤子來引用JavaScript文件。
出於同樣的原因,總是有 wp_footer();
就在收盤前< / body>主題的
標籤。
許多JavaScript優化器,組合器,縮小器等與 wp_localize_script
衝突,用於配置此外掛Plugin和許多其他外掛Plugin。
如果您遇到jQuery Lightbox問題;首先禁用所有JavaScript優化外掛Plugin。 (優化腳本,W3總緩存,WP縮小等)
如果您為WordPress開發JavaScript優化器,請使用默認API …
最後:
一次禁用所有其他外掛Plugin。嘗試每個之間的燈箱。
恢復默認主題。它有幫助嗎?修復你的主題。
在論壇中搜索類似症狀。
還有問題嗎?發布鏈接並描述您遇到的問題,並告訴我們您已經嘗試過的這些步驟。
故障排除:
如果您遇到WP jQuery Lightbox問題,請確保在尋求幫助之前嘗試這些步驟。如果您尋求幫助,我發現任何這些步驟都可以解決問題,我會將您鏈接回來自行完成工作。
確保您的網站沒有丟失任何javascript錯誤。使用您的瀏覽器javascript控制台查找。
如果您正在運行自定義主題:
確保您有 wp_head();
就在收盤前< / head>你的主題的
標籤,或者你將打破許多外掛Plugin,通常使用這個鉤子來引用JavaScript文件。
出於同樣的原因,總是有 wp_footer();
就在收盤前< / body>主題的
標籤。
許多JavaScript優化器,組合器,縮小器等與 wp_localize_script
衝突,用於配置此外掛Plugin和許多其他外掛Plugin。
如果您遇到jQuery Lightbox問題;首先禁用所有JavaScript優化外掛Plugin。 (優化腳本,W3總緩存,WP縮小等)
如果您為WordPress開發JavaScript優化器,請使用默認API …
最後:
一次禁用所有其他外掛Plugin。嘗試每個之間的燈箱。
回到d故事主題。它有幫助嗎?修復你的主題。
在論壇中搜索類似症狀。
還有問題嗎?發布鏈接並描述您遇到的問題,並告訴我們您已經嘗試過的這些步驟。
燈箱可以顯示圖像描述而不是標題嗎?
WP jQuery Lightbox從三個不同的HTML節點抓取文本;
title
– 鏈接到圖像的屬性 img
標記的標題
屬性(如果1為空) img
標記的 alt
屬性(如果1和2為空)HTML內容 .gallery-caption
或 .wp-caption-text
(按此順序)
查看默認的TwentyTwelve主題如何在其庫中使用這些主題並設置主題,以便在這些地方輸出您需要的內容。
我可以通過疊加層看到我的網站元素
這是 z-index 的問題。檢查 z-index屬性以查找有問題的元素,並強制它們小於100.(謝謝 dway !)
如何將圖像添加到帖子中?
如何創建縮略圖庫?
將圖像上傳到帖子(請參閱上一個問題)並使用 WordPress’內置圖庫短代碼:
注意 link =“file”
– 這是至關重要的!運行良好,但是在最近升級此外掛Plugin後,它的啟動方式的參考似乎已經改變。需要使用rel =“lightbox [product-gallery]”而不是data-rel =正在使用,再加上不使用prettyphoto。我們唯一的問題是它在頁面下方而不是在瀏覽器窗口的中心加載太遠。它可能與MailMunch外掛Plugin衝突,後者也使用彈出/燈箱,如何每個人都應該獨立工作,並且彈出窗口的位置應該在瀏覽器窗口的中間,因為用戶被迫滾動以在他們的屏幕上找到新打開的彈出窗口。