Joli CLEAR Lightbox
Supercharge your image & gallery links by displaying a simple, modern, & powerful lightbox.
Works with native guttenberg image/gallery blocks.
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
- 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
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.