Wordpress Lightbox

Posted on  by 



Responsive Lightbox and Gallery plugin is a fully fledged WordPress gallery plugin with a powerful Drag & Drop Gallery Builder and Lightbox functionality that’s used daily by more than 300,000 active users and downloaded over 3 Million times. ARI Fancy Lightbox is a great WordPress lightbox plugin that’s popular for it’s social features. It’s also got a ton of other great customization options making it a solid choice on our list of the best WordPress lightbox plugins, especially if you’ve been looking for something with a WordPress lightbox shortcode.

Updated on November 23, 2020

Wonder Lightbox is the best WordPress lightbox plugin to display images and videos in a lightbox popup or lightbox gallery. The plugin supports images, Flash SWF movies, PDF, YouTube, Vimeo, mp4 and webm videos. It's fully responsive, works on iPhone, iPad, Android, Firefox, Chrome, Safari, Opera, Microsoft Edge, Internet Explorer and Microsoft Edge.

Wonder Lightbox is compatible with popular WordPress page builders or editors, for example, WordPress Classic Editor, WordPress Block Editor, WPBakery Page Builder, Elementor, Divi Builder, SiteOrigin Page Builder, Beaver Builder, Brizy Builder etc.

  • Released on November 23, 2020. By downloading or using the software, you agree to the Terms of Use. The free Trial Version has a 30-day limit and adds a watermark that links to the product home page. The commercial Pro Version will remove the watermark and all limits. For more information about the Trial Version, please view Downloads.

WordPress Lightbox Quick Start Video

Online Examples

Image Lightbox Demo (with exit animation fadeOutDown): Image Lightbox

Image Lightbox Demo - goto a web address when clicking on the lightbox image: Image Lightbox

YouTube Lightbox Demo (with exit animation fadeOutDown): YouTube Lightbox

YouTube Lightbox Demo, display text on the right side: YouTube Lightbox, Text on Right

YouTube Lightbox Demo, display text on the left side: YouTube Lightbox, Text on Left Integrate barcode scanner into android app.

YouTube Lightbox Demo, auto close the popup when the video ends: YouTube Lightbox Cbtricks archive.

Vimeo Lightbox Demo: Vimeo Lightbox

Vimeo Lightbox on Page Load Demo: Open a Vimeo video in a Lightbox on page load

MP4/WebM Video Lightbox Demo: Video Lightbox

MP4/WebM Video Lightbox Demo - goto a web address when clicking on the video: Video Lightbox

Open PDF in a Lightbox Popup Demo (the PDF file must use an absolute URL and must be hosted on the same domain):

Open Google Maps in Lightbox Popup: Open Google Maps in WordPress Lightbox

Lightbox with title and description: Lightbox with Title and Description

Open a webpage in Lightbox demo: Open a webpage in Lightbox

Open a webpage in Lightbox demo: Open a fullscreen slideshow webpage in Lightbox

Open a div in Lightbox demo: Open a Div in Lightbox

Open a contact form in Lightbox demo: Open a contact form in Lightbox

Image & Video Lightbox Gallery with Thumbnail Navigation:

Features

Responsive WordPress Lightbox

The lightbox is fully responsive and works great on desktop, mobile and tablets.

Support images, Mp4 and WebM videos, YouTube and Vimeo

Not just images, you can also display mp4/webm video, YouTube, Vimeo, Flash SWF movie, webpage in the stunning lightbox popup.

Lightbox Gallery

If you have a group of images and videos, you can easily create a lightbox gallery with thumbnail navigation.

All Devices and Web Browsers

The lightbox effect works on mobile, tablets and desktop computers, and is compatible with all modern web browsers. This include iPhone, iPad, Android, Firefox, Chrome, Safari, Opera, Internet Explorer and Microsoft Edge.
Wordpress Lightbox

Easy to Use

Wordpress Lightbox

Simply adding an attribute to any link, the lightbox effect is ready to go.

What's New

Version 9.2 - November 23, 2020

  • Fix a bug when the lightbox auto opens on page load

Version 9.1 - September 17, 2020

  • Support using class name to specify the lightbox width and height

Version 9.0 - August 29, 2020

  • Add an option to mute video
  • Add an option to use native HTML5 video controls
  • Add an option to add all lightboxes on the web page to the same group
  • Read title text from the inside img tag

Version 8.9 - August 21, 2020

  • Fix compatibility issues with WordPress 5.5

Version 8.8 - May 2, 2020

  • Support lightbox HTML5 video subtitles: How to open WordPress video with captions in lightbox popup

Version 8.7 - April 30, 2020

  • Fix a bug in fullscreen mode

Version 8.6 - April 25, 2020

  • Fix the bug of blue border in some WordPress themes

Version 8.5 - February 16, 2020

  • Add an option tp specify the top margin when the lightbox is opened inside an iframe of different domain

Version 8.4 - February 15, 2020

  • Fix an issue when the lightbox is opened inside an iframe of different domain

Version 8.3 - February 14, 2020

  • Fix an issue when the lightbox is opened inside an iframe

Version 8.2 - February 5, 2020

  • Focus the tab key to the lightbox popup

Version 8.1 - August 28, 2019

  • Fix a bug when upgrading the plugin version 8.0

Version 8.0 - August 25, 2019

  • Add an option to place the lightbox close button inside of the lightbox, outside of the lightbox or on the top right corner of the web browser
  • Support lightbox enter and exit animation
  • Add options to hide thumbnails on iPhone, iPad and Android
  • Fix a bug when muting HTML5 video

Version 7.9 - July 28, 2019

  • Add an option to place slideshow navigation arrows inside of the lightbox popup, outside of the popup or on the side of the web browser
  • Support specifying lightbox width and height in percent

Version 7.8 - July 16, 2019

  • Autoplay HTML5 video lightbox on iOS devices

Version 7.7 - June 24, 2019

  • Customise the lightbox options with class names

Version 7.6 - June 18, 2019

  • Add functions to add custom CSS and JavaScript

Version 7.5 - May 16, 2019

  • Add options to customise the title and description CSS when the text is placed outside of the lightbox

Version 7.4 - April 1, 2019

  • Add an advanced data option data-exitanimation to specify the exit animation: data-exitanimation='fadeOut', data-exitanimation='fadeOutDown'

Version 7.3 - March 25, 2019

  • Add an option to place text outside of the image/video lightbox
  • Fix a bug of vertical scroll bar
  • Place text outside of the image/video lightbox in full screen mode by default

Version 7.2 - December 15, 2018

  • When automatically opening the lightbox popup on page load, use data option data-autoopenonce='true' to only automatically popup once

Version 7.1 - November 18, 2018

  • Fix a bug when adding the lightbox to Divi builder

Version 7.0 - November 4, 2018

  • Support using custom class names to specify the lightbox width and height

Version 6.9 - September 14, 2018

  • Fix a bug when opening PDF lightbox

Version 6.8 - September 3, 2018

  • Support specifying a page number in PDF lightbox

Version 6.7 - August 13, 2018

  • Support opening a web link when clicking on the lightbox image or HTML5 video

Version 6.6 - August 6, 2018

  • Fix the issue of Vimeo and YouTube not autoplay on Chrome and Safari
  • Support the new Gutenberg editor

Version 6.5 - May 18, 2018

  • Fix minor bugs

Version 6.4 - April 29, 2018

  • Support hiding the download and print buttons in the lightbox PDF viewer when working with the plugin WonderPlugin PDF Embed

Version 6.3 - April 23, 2018

  • Add an option to enable lightbox in the WordPress backend

Version 6.2 - March 28, 2018

  • Fix the bug of video controls not working in full screen mode under the latest Chrome
  • Change to use native video controls on iPhone, iPad and Android devices
  • Remove the video download button in the native video controls by default

Version 6.1 - November 21, 2017

  • Add advanced options to specify default width and height when opening PDF, web and div content in the lightbox

Version 6.0 - August 31, 2017

  • Fix a bug when displaying a div in the lightbox popup
  • Fix the compatibility warnings with PHP 7 when checking with the plugin PHP Compatibility Checker

Version 5.9 - April 5, 2017

  • Fix the lightbox resizing issue on mobile devices

Version 5.8 - April 1, 2017

  • Fix a minor bug on iPhone

Version 5.7 - April 1, 2017

  • Automatically change the option barheight to 0 when there is no text
  • Disable lightbox screen resize on mobile devices

Version 5.6 - February 10, 2017

  • Fix a bug of the thumbnail navigation animation

Version 5.5

  • Support using the attribute rel as the group name
  • Add a button to show/hide thumbnails

Version 5.4

  • Open PDF file in lightbox popup

Version 5.3

  • Support changing lightbox left and right arrow images with advanced options

Version 5.2

Wordpress
  • Fix broken video links in Quick Start of version 5.1

Version 5.1

  • Remove demo video files from the installation package and reduce the plugin file size

Version 5.0

  • Add advanced options to specify the default size of video lightbox

Version 4.9

  • Compatible with jQuery 3.0

Version 4.8

  • Play mp4 with HTML5 on Firefox and Opera when the webm format is not provided and the result of HTML5 canPlayType of mp4 is positive

Version 4.7

  • Fix the bug of icon name conflict

Version 4.6

  • Move the social media share buttons to the bottom center of the lightbox on mobile small screens
  • When opening a div in lightbox, automatically adjust the lightbox height according to the height of the div content
  • When opening a web link of same origin, automatically adjust the lightbox height according to the web content

Version 4.5

  • Fix the bug of opening shared link

Version 4.4

  • Add an option to specify the minimum margin to the top/bottom web browser border

Version 4.3

  • Support social media share buttons: Facebook, Twitter and Pinterest
  • Rearrange the lightbox options to tabs

Version 4.2

  • Use native video controls on Firefox and Internet Explorer by default

Version 4.1

  • Add data tag data-autoclose='true' to the link to automatically close the lightbox popup when the video playing finishes (support YouTube, Vimeo and MP4/WebM/FLV videos).
  • Add data tag data-autoopen='true' to the link to automatically open the lightbox popup on page load. To specify a time delay, add data tag data-autoopendelay=1000, the time delay value is in milliseconds.

Version 4.0

  • Add an option to specify HTML5 video background color
  • Add an option to specify HTML5 video poster image
  • Specify different bar height when the screen height is small
  • Fix the time display bug when the video length is longer than 1 hour

Version 3.9

Wordpress Lightbox Gallery

  • Trigger a window event html5lightbox.lightboxshow

Version 3.8

Wordpress Lightbox Effect

  • Fix a bug in plugin update

Version 3.7

  • Fix a minor error when displaying the plugin update message

Version 3.6

  • Support shortcode [wonderplugin_lightbox_options] which will render the lightbox options. This feature is useful if your WordPress theme does not call wp_footer function.

Version 3.5

  • Display error notice on the WordPress Updates page if the free upgrade period is expired.

Version 3.4

Website Lightbox Example

  • Support auto slideshow
  • Add an option to always show the previous and next navigation arrows

Version 3.3

  • Add an option to hide MP4/WebM video play control bar

Version 3.2

  • Add an option to display text on bottom, inside, left or right of the lightbox
  • Add an option to display lightbox in fullscreen mode. In fullscreen mode, the close button will be displayed on the top right corner of the web browser
  • Add an option to add prefix to title when the lightbox is displayed in gallery mode
  • Add an option to enable or disable closing lightbox when clicking on the overlay background
  • Move the left and right navigation arrows to the side of lightbox on touch screen. This will fix the issue of double clicking when playing video on iPhone, iPad and Android.

Version 3.1

  • Fix the bug of playing MP4 video on iPad iOS 9.1

Version 3.0

  • Fix the bug of video lightbox in iPad 2

Version 2.9

  • Fix the lightbox size issue on mobile devices

Version 2.8

  • Add an option to enable/disable touch swipe on mobile devices
  • Support responsive design when displaying div

Version 2.7

  • Add an option to keep data when deleting the plugin

Version 2.6

  • Fix bugs

Version 2.4

  • Fix the bug under Internet Explorer
  • Trigger event html5lightbox.lightboxopened after the Lightbox is displayed

Version 2.3

  • Fix bugs

Version 2.2

  • Add an option to specify the default volume of MP4/webM videos
  • Open a div in the lightbox
  • Add an option to add the plugin js file in the footer

Version 2.1

  • Support version check and update

Version 2.0

  • Fix minor bugs
  • Fix a bug in API

Version 1.8

  • Support advanced options
Wordpress Lightbox

Version 1.6

  • Fix minor bugs

Version 1.5

  • Fix minor bugs

Version 1.4

  • Fix a minor bug in thumbnail navigation

Version 1.3

  • Add options to customise the title and description

Version 1.2

  • Display description under title
  • Use custom HTML5 video player controls that look same across all web browsers

Version 1.1

  • Fix the bug of incorrect Lightbox width on iPhone and Android devices
  • Change the default Lightbox size to 960 * 540

Description

Simple Lightbox is a very simple and customizable lightbox that is easy to add to your WordPress website.

Features

Options for customizing the lightbox behavior are located in the Appearance > Lightbox admin menu (or just click the Settings link below the plugin’s name when viewing the list of installed plugins)

  • Automatically activate links (no manual coding required)
  • Automatically resize lightbox to fit in window
  • Customize lightbox with themes
  • Mobile-optimized responsive themes included
  • Customizable lightbox animations
  • Infinitely customizable with add-ons
  • Supports WordPress image attachment links
  • Supports links in widgets
  • Keyboard Navigation
  • Display media metadata (caption, description, etc.) in lightbox
  • Enable Lightbox depending on Page Type (Home, Pages, Archive, etc.)
  • Group image links (play as a slideshow)
  • Group image links by Post (separate slideshow for each post on page)

Usage

  1. Insert links to images/image attachments into your posts/pages

That’s it! The image will be displayed in a lightbox automatically.

  • For more usage tips, go to Simple Lightbox’s official page

Installation

  1. Install and activate SLB
  2. Verify that your site’s theme uses the wp_head(), wp_footer(), & the_content() template tags (standard in any professional theme)

FAQ

Get more information on Simple Lightbox’s official page

Reviews

Clean, simple, no bloat, works. What more could you possibly ask for? I mean it. This one is tops. No muss, no code bloat, light, easy. Upload and activate. Great job on this, Archtyped!




Coments are closed