Lightgallery Lightbox

The Lightgallery Lightbox extension allows users to configure its general settings from the Responsive Lightbox settings screen. To access the extension’s settings panel navigate to Settings > Responsive Lightbox from your WordPress site’s admin panel. In the General settings tab, choose Lightgallery as your Lightbox script and click the Save Changes button at the bottom of the screen.

Now, click on the Lightbox settings tab to begin configuring Lightgallery Lightbox’s settings. Here’s a preview of the default Lightbox settings screen followed by a detailed explanation of the different settings you can configure.

2.1 Transition Effect

The transition effect setting allows you to define the type of transition that should be applied between images. There are 30 different transition effects to choose from including slide, fade, zoom in, rotate, and more.

2.2 Speed

The Lightgallery Lightbox extension lets you configure the transition duration through this speed setting. You can define the transition speed in milliseconds (ms). By default, the value is set to 600 ms.

2.3 Height

This option allows you to change the default height of the Lightgallery lightbox. There are two different ways to alter the default height – using percentage and using pixels (px). For instance, if you’d like to set the new lightbox’s height to half the height of the default lightbox, you could change the height setting to 50% or 150px.

2.4 Width

This option allows you to change the default width of the Lightgallery lightbox. There are two different ways to alter the default width – using percentage and using pixels (px). For instance, if you’d like to set the new lightbox’s width to half the width of the default lightbox, you could change the width setting to 50% or 150px.

2.5 Show Caption

Lightgallery lightbox has the ability to display a caption with images. To enable this option, choose an image field to retrieve the caption from through the drop-down menu. You can choose to set the image’s title, caption, alt text, or description as the image’s caption. By default, the Show Caption option is set to None (default).

2.6 Backdrop duration

The backdrop duration setting allows you to set the backdrop transition duration in milliseconds. By default, the value is set to 150 ms.

2.7 Hide bars delay

This setting defines how long it takes for a bar to display on the screen when a user accesses your lightbox from a mobile device. By default, the hide bars delay value is set to 6000 ms.

2.8 Use left

Checking this box forces the lightgallery lightbox to use CSS left property instead of transform. Leaving the box unchecked is recommended if your visitors use mobile devices to access your website.

2.9 Use left for zoom

Checking this box forces the lightgallery lightbox to use CSS left property instead of transform for the zoom effect. Leaving the box unchecked is recommended if your visitors use mobile devices to access your website.

2.10 Closable

Enabling this option allows clicks on dimmer to close gallery. Leaving this box checked is recommended if your visitors use mobile devices to access your website.

2.11 Loop

By enabling this option, the lightbox gallery will loop back to the beginning of the gallery when the last media item is reached.

2.12 ESC Key

With this option enabled, users can hit the ESC key to close the lightbox gallery.

2.13 Keyboard

Enabling this option allows your visitors to navigate through the lightbox gallery using their keyboard (such as by using the left and right arrow keys).

2.14 Controls

When this option is enabled, the previous and next arrow buttons on the lightbox screen will be displayed. If you’d like to hide them from the screen, simple disable this option by unchecking the box.

2.15 Slide end animation

Setting this option enables an animation when the slide ends.

2.16 Hide controls on end

If you’d like to hide the navigation controls (i.e. the previous and next buttons) on the first and last media item then enable this option. By default, this option is unchecked.

2.17 Mousewheel

If you’d like your visitors to be able to navigate through the gallery by using their mousewheel then enable this option.

2.18 Download

Enabling this setting displays a download button on the lightbox that allows viewers to download the gallery.

2.19 Download Attachments

Enabling this option allows you to leverage our Download Attachments plugin to manage all downloadable media items and galleries in your lightbox. The plugin integrates seamlessly with Responsive Lightbox and all of its extensions. It’s important that you have it installed and activated on your site for this option to work.

2.20 Counter

By enabling this option, you choose to display the total number of images and index number of the gallery that’s currently being viewed.

2.21 Swipe threshold

This option allows you to set a swipe threshold. The swipe threshold is the minimum value which must be passed for it to be detectable. By default, the swipe threshold is set to 50ms.

2.22 Enable drag

Enabling this option allows users to be able to use their desktop mouse’s drag functionality.

2.23 Enable touch

Checking this option enables touch support. It’s recommended to enable this option if your visitors use mobile devices to access your website.

2.24 Thumbnails

If you’d like to have the media item’s thumbnails be visible in the gallery then enable this option.

2.25 Animate thumbnail

Checking this box enables thumbnail animation for the media items in your lightbox’s gallery.

2.26 Toggle thumbnail

Enabling this option allows you to give your users the option to toggle thumbnail view. When enabled, a thumbnail toggle button will be displayed on the screen.

2.27 Autoplay

By enabling this option, the gallery will autoplay when a user launches it.

2.28 Pause

The lightbox gallery allows users to pause slideshows. This value determines how long the pause duration is. By default, the pause duration is set to 5000ms.

2.29 Progress bar

Enabling this option displays a progress bar on the screen which determines how long it will take until the gallery begins to autoplay.

2.30 Autoplay controls

If you’d like to display the autoplay controls on your lightbox then enable this option by checking the box. Unchecking the box disables the option and hides the autoplay controls.

2.31 Full screen

Enabling this option allows users to switch to full-screen mode. If you disable this option then the user will not be able to switch to full-screen mode.

2.32 Pager

Checking this box enables the pager. By default, the pager is disabled.

2.33 Zoom

Enabling this option allows users to zoom into your media items. If you disable this option then the user will not be able to use the zoom in or zoom out option.

2.34 Actual size

Setting this option enables the actual pixel icon.

2.35 Hash

Setting this option enables hash for deeplinking. By default, this option is disabled.

Leave a Reply

Please, do not use this form for technical support. To get support for our plugins, use the support forum.

Your email address will not be published. Required fields are marked *

No comments yet.

Be the first to start the conversation.