Responsive WordPress Image and Video Lightbox Gallery

WonderPlugin Lightbox is a WordPress plugin to display images and videos in a lightbox popup. 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.

  • Compatibility: WordPress 3.6 and above. The plugin is compatible with the new Gutenberg editor. For more information, please view Are Wonder Plugins compatible with the new Gutenberg editor.
  • By downloading or using the software, you agree to the Terms of Use.
  • The Free Version will add a watermark that links to the product home page. The Commercial Version will remove the watermark.

Online Examples

Image Lightbox Demo: Image Lightbox

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

YouTube Lightbox Demo: 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

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

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 PDF in Lightbox

Lightbox with title and description: Lightbox with Title and Description

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

Image & Video Lightbox Gallery with Thumbnail Navigation:


Responsive WordPress Lightbox

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

WordPress Lightbox
WordPress Lightbox

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.

WordPress Lightbox Gallery
WordPress Lightbox

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.

Easy to Use

Simply adding an attribute class="wplightbox" to any link, the lightbox effect is ready to go.

WordPress Lightbox

What's New

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

  • 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

  • Trigger a window event html5lightbox.lightboxshow

Version 3.8

  • 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

  • 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

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