內容簡介
透過顯示簡單、現代、強大的燈箱來加強圖片和圖庫連結。
與原生古騰堡影像/圖庫區塊相容。
⭐ 了解我們的其他外掛
Joli FAQ SEO
Joli Table Of Contents
我為什麼要選擇 Joli CLEAR Lightbox，而不是其他外掛？
不依賴 jQuery。
除非需要，否則不會載入。
極小的文件體積（只有一個精簡的 .css 檔案（4Ko）和一個精簡的 .js 檔案（8Ko））。
圖示是使用純 CSS 製作的，沒有額外的圖像載入。
不提供一堆沉重且不必要的功能。
在內容之後載入。
旨在保持簡潔，同時提供完整的自定義功能。
有愛心製作。
獨立於其他庫：不使用 jQuery，只使用純 JavaScript。
性能友好：僅在內容中存在圖片鏈結時才載入樣式/腳本。
Joli CLEAR Lightbox 代表以下內容:
可自定義的
輕量級的
優雅的
可存取的
具有響應性的
功能
顯示於文章或頁面
自定義媒體類型（jpg、png、gif等）
支援透明的 GIF/PNG
完全支援滑動手勢的響應式設計。
深色和亮色主題
啟用/停用當到達第一/最後一張圖像時的循環
啟用/停用按 Esc 鍵關閉燈箱
啟用/停用箭頭瀏覽
啟用/停用點擊空白處關閉燈箱
顯示/隱藏計數器
顯示/隱藏圖片標題
可自定義垂直/水平填充
可自定義背景顏色
可自定義背景透明度
啟用/停用藍色背景
可自定義瀏覽按鈕高度
啟用/停用框架邊框
適用於開發人員，提供掛鉤（詳見下文）。
專業版功能
取得 Joli CLEAR Lightbox Pro
所有免費功能。
AmbiBackground™：此獨特功能使背景擁有與當前圖像相同的顏色調，提供了美麗的沉浸效果。
自定義文章類型支援。
包含 14+ 個主題。
可自定義閒置定時器。
可自定義最大圖像高度。
可自定義最大圖片寬度。
可自定義邊框寬度。
可自定義圓角半徑。
可自定義邊框透明度。
啟用/停用框架陰影。
可自定義圖片圓角半徑。
強制啟用/停用按文章設置關閉燈箱。
覆蓋全域主題按文章設置。
支援的文章類型:
* 文章
* 頁面
* 自訂文章類型（僅限 Pro 版）
掛鉤（Hooks）
如何使用？
將以下程式碼範例複製並貼上到您的佈景主題的 functions.php 檔案中:
過濾器
joli_clear_lightbox_disable_lightbox
全域停用 Joli CLEAR Lightbox。
add_filter('joli_clear_lightbox_disable_lightbox', function(){ return true; });
joli_clear_lightbox_options
外掛標籤
開發者團隊
原文外掛簡介
Supercharge your image & gallery links by displaying a simple, modern, & powerful lightbox.
Works with native guttenberg image/gallery blocks.
⭐ CHECK OUR OTHER PLUGINS
Joli FAQ SEO
Joli Table Of Contents
Why should I choose Joli CLEAR Lightbox over another plugin ?
It does not rely on jQuery
It does not load unless it has to.
It has a very small footprint (only one minified .css file (4Ko) & one minified .js file (8Ko))
Icons are made from pure CSS, there is no extra images loading.
It does not provide a bunch of heavy unnecessary features.
It loads after your content.
It is meant to remain simple yet offering full customization.
It has been made with love.
Dependency-free: No jQuery, only pure JavaScript.
Performance friendly: Styles/Scripts DO NOT load if there are no image links within the content.
Joli CLEAR Lightbox stands for the following:
Customizable
Lightweight
Elegant
Accessible
Responsive.
Features
Display on posts or pages
Customize media types (jpg, png, gif etc)
Transparent GIF/PNG support
Fully responsive with swipe gestures.
Dark & Light color scheme
Enable/disable Loop over when the first/last image has been reached
Enable/disable Esc key to close the lightbox
Enable/disable Arrow keys navigation
Enable/disable Close on click-away
Display/hide counter
Display/hide caption
Customizable Vertical/horisontal paddings
Customizable background color
Customizable background opacity
Enable/disable background blue
Customizable navigation buttons height
Enable/disable frame border
Developer-friendly. Hooks provided. (See below for details).
Pro Features
Get Joli CLEAR Lightbox Pro
All of the free features.
AmbiBackground™: this unique feature makes the background have the same color tone as the current image. It provides a beautiful immersion to the viewer.
Custom Post Type Support.
14+ Themes Included.
Customizable idle timer.
Customizable Maximum image height.
Customizable Maximum image width.
Customizable Border width.
Customizable Rounded corners radius.
Customizable Border opacity.
Enable/disable Frame shadow.
Customizable Image rounded corners radius.
Force Enable/Disable Lightbox per post settings.
Override global theme per post settings.
Supported post types:
* Post
* Pages
* Custom Post Type (Pro only)
Hooks
How to use ?
Copy & paste the code examples below into your theme’s functions.php file:
Filters
joli_clear_lightbox_disable_lightbox
Globally disables Joli CLEAR Lightbox site-wide.
add_filter('joli_clear_lightbox_disable_lightbox', function(){ return true; });
joli_clear_lightbox_options
Customizes the options programmatically.
add_filter('joli_clear_lightbox_options', 'my_custom_options_function');
Actions
joli_clear_lightbox_before_rendering
Do something before rendering the lightbox
