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 and Internet Explorer 7/8/9/10/11.

  • Compatibility: WordPress 3.6 and above
  • 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

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

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:

Display the gallery in fullscreen mode:


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 and Internet Explorer 7/8/9/10/11.

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 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 9
  • 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