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 can the lightbox be open.

Mobile double click: Enable this so that on mobile view first 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.

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 download button in lightbox toolbar.
  • Zoom button: Show or hide zoom button in 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 choose to 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: showing 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 desktop/touchscreen laptops.

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

Thumb axis: select vertical/horizontalscrolling for thumbnails.

Thumbnails at the bottom: move thumbnails at 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.

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

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

Copy caption on double tap: Toggle ON to allow the caption to be copied on double tap when user views 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.

Was this article helpful?

Related Articles