Lightbox & Links

The Lightbox & Links offers a wide range of styles for your gallery – below is every setting explained. Each setting has a demo for it – we invite you to try them all out by clicking the setting’s name.

Navigation arrows: this option allows you to navigate through images in lightbox mode using left and right arrows.

Open lightbox on: select on which devices the lightbox can open.

Mobile double click: Enable this so that on mobile view, one click/touch will do the hover effect, and two clicks/touches will open the lightbox.

Loop navigation: when you reach the last image in the lightbox, this option will change to “next image”. This will lead you to the first picture, creating an infinite loop between the images.

Show image title: shows the name of the image below it.

Show image caption: add a custom description under the pictures open in the lightbox. It can be customized and placed center/right/left.

Read our dedicated knowledge base article to learn more about the configuration of titles and captions.

Keyboard navigation: you can navigate through pictures using the buttons on the keyboard (right/left arrow, ESC key).

Mousewheel navigation: you can navigate through images using the mouse wheel.

Toolbar (displayed in the top right corner of the lightbox)

  • Close button: displays a button (X) at the top right of the page to close the Lightbox.
  • Thumbnails button: displays a grid-type icon at the top right side of the page. It opens the gallery’s thumbnail navigation, and you can scroll through all the images in the gallery faster.
  • Share button: offers you the possibility to share the gallery on the following social networks:
    • LinkedIn
    • WhatsApp
    • Pinterest
    • Twitter
    • Facebook
    • E-mail
  • Download button: Show or hide the download button in the lightbox toolbar.
  • Zoom button: Show or hide the zoom button in the lightbox toolbar.

Close on slide double click / Close on slide click: close the lightbox with one or 2 clicks depending on the checked option.

Infobar (displayed in the left corner of the lightbox): shows how many images there are in the gallery and the image # you’re at.

Open/Close animation: you can apply an effect when you open/close the lightbox. The options are:

  1. Zoom
  2. Fade
  3. Zoom-in-out

Transition effect: apply different effects when transitioning between images. Effects are:

  1. Fade
  2. Slide
  3. Circular
  4. Tube
  5. Zoom-in-out
  6. Rotate

Show all images: Show all images in the lightbox. This option is useful when used with Max Images Count.

Allow swiping: you can use your finger to swipe through images on mobile devices, touchscreen desktops/laptops.

Auto start thumbnails: shows all images on the right side of the screen when the lightbox is activated without clicking the thumbnail button. The default thumb axis is set to vertical. Click here to see a demo with ‘auto start thumbnails’ horizontally.

Thumb axis: select vertical/horizontalscrolling for thumbnails.

Caption overlap: Toggle ON to allow the caption to overlap the lightbox image/content. If toggled OFF, the caption will overlap the lightbox image/content and will disappear when the mouse is out or not moving.

Thumbnails at the bottom: move thumbnails to the bottom of the page so they will no longer be displayed on the right. On mobile devices, they will also be on the bottom.

Mobile caption overlap: Toggle ON to allow the caption to overlap the lightbox image/content in mobile website versions. If toggled OFF, the caption will overlap the lightbox image/content and will disappear when the mouse is out or not moving.

Copy caption on double tap: Toggle ON to allow the caption to be copied on double tap when a user views the gallery on mobile devices such as smartphones and tablets.

Lightbox background color: change the background color when the lightbox is open. From here, you can also handle the background opacity.

Lightbox active colors: set the color for thumbnail borders and progress bar.

You can use the Modula Link shortcode to display only one image that opens the lightbox when clicked (instead of displaying the gallery).

Was this article helpful?

Related Articles