5 articles Lightboxes & Modals

Cross-Domain Images with Lightbox

The underlying lightbox has a unique feature, in that it creates a matching backlight (glow) effect for each image. The backlight (glow) color is based on the most saturated color in the image (which is not always the most used color). In order to determine that color, the lightbox is using the native Javascript function getImageData(),…

Custom Close Button in Modal Popup

When using the “TS Modal Popup” element, the underlying lightbox script that handles the modal popup, will at least provide one close button at the bottom right corner of the screen, and if enabled, a second close button at the top right corner of the modal popup itself. If those buttons are not sufficient for…

Apply Lightbox to VC Single Image Element

The built-in lightbox that comes with this plugin can by default only be used with the elements that are specifically designed around it. The lightbox can not be automatically applied to image elements coming from Visual Composer itself (or other add-ons). As for the standard single image element that is native to Visual Composer, you…

Wrong Media Position in Lightbox

On some pages, other JS scripts or conflicting CSS rules might prevent the lightbox script to correctly determine the window dimensions, causing elements inside the lightbox to be shown either outside the visible screen, or at best, offset from the center of the screen, where it is supposed to be shown. It is possible to…

Change Lightbox Background Opacity

The plugin includes a detailed settings page, dedicated to the lightbox. On that page, you will find a colorpicker, that not only allows you to change the color of the lightbox background, but also to apply an opacity to it, making it semi-see-through. In order to change the opacity, use the so-called alpha-slider that you…