Title: Joli CLEAR Lightbox Author: WPJoli Published: 24 vasario, 2020 Last modified: 22 kovo, 2022 --- Ieškoti įskiepiuose ![](https://ps.w.org/joli-clear-lightbox/assets/banner-772x250.png?rev=2249087) Šis įskiepis **nebuvo išbandytas su 3 vėliausiomis WordPress versijomis**. Jis tikriausiai nėra prižiūrimas ir palaikomas, todėl gali neveikti su naujausiomis WordPress versijomis. ![](https://ps.w.org/joli-clear-lightbox/assets/icon-256x256.png?rev=2249087) # Joli CLEAR Lightbox Autorius [WPJoli](https://profiles.wordpress.org/wpjoli/) [Parsisiųsti](https://downloads.wordpress.org/plugin/joli-clear-lightbox.1.0.3.zip) * [Informacija](https://lt.wordpress.org/plugins/joli-clear-lightbox/#description) * [Atsiliepimai](https://lt.wordpress.org/plugins/joli-clear-lightbox/#reviews) * [Diegimas](https://lt.wordpress.org/plugins/joli-clear-lightbox/#installation) * [Kūrimas](https://lt.wordpress.org/plugins/joli-clear-lightbox/#developers) [Pagalba](https://wordpress.org/support/plugin/joli-clear-lightbox/) ## Aprašymas 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](https://wordpress.org/plugins/joli-faq-seo/) * [Joli Table Of Contents](https://wordpress.org/plugins/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: **C**ustomizable **L**ightweight **E**legant **A**ccessible **R**esponsive. #### 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](https://wpjoli.com/joli-clear-lightbox/) * 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 ## Ekrano nuotraukos * [[ * General settings * [[ * Appearance settings * [[ * Styles settings * [[ * Dark scheme – No Padding * [[ * Dark scheme – No Padding (Mobile) * [[ * Dark scheme – Padding 50px – Border enabled * [[ * Dark scheme – Padding 50px – Border enabled (Mobile) * [[ * Swipe gesture to close (Mobile) * [[ * Light scheme – Padding 50px * [[ * Light scheme – Padding 50px (Mobile) * [[ * Dark scheme – 50% Transparent background – Padding 50px – Border enabled * [[ * Light scheme – 50% Transparent background – Padding 50px – Border enabled (Mobile) * [[ * Light scheme – Transparent background – Padding 50px – Border enabled ## Diegimas This section describes how to install the plugin and get it working. e.g. 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress 3. Use the Settings->Plugin Name screen to configure the plugin 4. (Make your instructions match the desired user flow for activating and installing your plugin. Include any steps that might be needed for explanatory purposes) ### INSTALLING FROM THE WORDPRESS ADMIN 1. Go to the “Plugins > Add New” page. 2. Type “Joli CLEAR Lightbox” in the search field 3. Look for the “Joli CLEAR Lightbox” plugin in the search result and click on the“ Install Now” button, the installation process of plugin will begin. 4. Click “Activate” when the installation is complete. ### INSTALLING WITH THE ARCHIVE Go to the page “Plugins > Add New” on the WordPress control panel Click on the “ Upload Plugin” button, the form to upload the archive will be opened. Select the archive with the plugin and click “Install Now”. Click on the “Activate Plugin” button when the installation is complete. ### MANUAL INSTALLATION Upload the folder joli-clear-lightbox to your site’s plugin folder, usually it is/ wp-content/plugins/. Go to the page “Plugins > Add New” on the WordPress control panel Look for “Joli CLEAR Lightbox” in the plugins list and click “Activate”. ### HOW TO DISPLAY THE LIGHTBOX ON MY WEBSITE ? While editing a post, Make sure images AND galleries are set to LINK TO „Media file”. The lightbox will then automatically appear upon clicking an image. ### WHAT TO DO AFTER ACTIVATION ? Go to the Settings page under the Menu „Joli CLEAR Lightbox”, then configure the following basic options to get started: _GENERAL > THEME_ 1. Choose a color scheme (dark or light) _GENERAL > BEHAVIOUR_ 1. Enable/disable the basic behaviour options. _APPEARANCE > DISPLAY_ 1. Choose whether to show caption/counter or not. 2. Adjust the padding to 0 if you wish to have the image go all the way to the edges of the viewport. ## DUK ### Do I need coding skills to use Joli CLEAR Lightbox ? Nope! Joli CLEAR Lightbox works out of the box. You only need to adjust some settings if you wish to customize the way it looks and behaves. ### Joli CLEAR Lightbox does not show up when I click on images, what’s wrong ? In order to view images in the lightbox, you need to make sur of the following: Images AND galleries **MUST BE SET** to LINK TO „Media file”. Check the documentation within the plugin to find out how to do this. ### Will Joli CLEAR Lightbox slow down my website ? No it won’t. Turns out Joli CLEAR Lightbox has been designed to be as light as light could be. Not only does it have a very small footprint (only one minified .css file& one minified .js file), but it also does not need jQuery and does not load unless there are image links on your page. Also, all icons are made from CSS and that’s even less ressources to load on your pages unlike other plugins! ### Is Joli CLEAR Lightbox responsive ? Yes! it is fully responsive and works with swipe gestures: – Swipe right or left for next/previous picture. – Swipe up or down to exit the lightbox. ### Does Joli CLEAR Lightbox work with other gallery plugins ? It does. Although, the plugin you are using must provide a way to deactivate the built-in lightbox or it may create conflicts. For example, it works with NextGEN Gallery (but you have to deactivate their built-in lightbox from their options panel). ## Atsiliepimai ![](https://secure.gravatar.com/avatar/ac23192e171f8499d52bc76882740955521e815ced2e604ac6f663aa8d1e4070? s=60&d=retro&r=g) ### 󠀁[finally a lightbox plugin not using jquery](https://wordpress.org/support/topic/finally-a-lightbox-plugin-not-using-jquery/)󠁿 [Deepak](https://profiles.wordpress.org/golinuxcloud/) 2 vasario, 2021 I am glad to have finally found a lightweight lightbox plugin not using jquery. The plugin configuration is really simple and does the job. Although it can have some more improvements such as animations, zoom in/out etc but I hope the author will enhance this plugin over the period of time. Really excited! [ Perskaityti visus atsiliepimus (1) ](https://wordpress.org/support/plugin/joli-clear-lightbox/reviews/) ## Programuotojai ir komandos nariai “Joli CLEAR Lightbox” yra atviro kodo programa. Prie jos sukūrimo prisidėję žmonės surašyti toliau. Autoriai * [ WPJoli ](https://profiles.wordpress.org/wpjoli/) [Išverskite “Joli CLEAR Lightbox” į savo kalbą.](https://translate.wordpress.org/projects/wp-plugins/joli-clear-lightbox) ### Domina programavimas? [Peržiūrėkite kodą](https://plugins.trac.wordpress.org/browser/joli-clear-lightbox/), naršykite [SVN repozitorijoje](https://plugins.svn.wordpress.org/joli-clear-lightbox/), arba užsiprenumeruokite [kodo pakeitimų žurnalą](https://plugins.trac.wordpress.org/log/joli-clear-lightbox/) per [RSS](https://plugins.trac.wordpress.org/log/joli-clear-lightbox/?limit=100&mode=stop_on_copy&format=rss). ## Pakeitimų istorija #### 1.0.3 * WordPress 5.9.2 compatibility * Security fix #### 1.0.2 * Added background scroll lock * Added image width/height in the attributes. #### 1.0.1 * Improved admin scripts/styles * Refreshed settings panel #### 1.0.0 * Initial release. ## Metainformacija * Version **1.0.3** * Atnaujinta **prieš 4 metai** * Aktyvių instaliacijų **Mažiau nei 10** * WordPress versija ** 4.0 ar naujesnė ** * Ištestuota iki **5.9.13** * PHP versija ** 5.6 ar naujesnė ** * Kalba * [English (US)](https://wordpress.org/plugins/joli-clear-lightbox/) * Žymos * [fancybox](https://lt.wordpress.org/plugins/tags/fancybox/)[gallery](https://lt.wordpress.org/plugins/tags/gallery/) [image](https://lt.wordpress.org/plugins/tags/image/)[lightbox](https://lt.wordpress.org/plugins/tags/lightbox/) [photo](https://lt.wordpress.org/plugins/tags/photo/) * [Daugiau](https://lt.wordpress.org/plugins/joli-clear-lightbox/advanced/) ## Įvertinimai 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/joli-clear-lightbox/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/joli-clear-lightbox/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/joli-clear-lightbox/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/joli-clear-lightbox/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/joli-clear-lightbox/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/joli-clear-lightbox/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/joli-clear-lightbox/reviews/) ## Autoriai * [ WPJoli ](https://profiles.wordpress.org/wpjoli/) ## Pagalba Turite pastabų? Reikia pagalbos? [Peržiūrėti pagalbos forumą](https://wordpress.org/support/plugin/joli-clear-lightbox/)