Image and Video Lightbox is an high customizable and responsive plugin for displaying images and videos in popup.
WordPress Image and Video Lightbox is an high customizable and responsive plugin for displaying images and videos in popup. You just need install our plugin and enable it. There are a lot of settings that will help you to configure what you need.
If are using a lot of images and videos on your website then this plugin is an necessary one for you.
Our plugin have a lot of free and Premium features, here are some of them.
Features of free version
Fully Responsive
Handy admin panel and easy use
Tested on all modern browsers
Works perfectly with all versions of WordPress
Image and Video lightbox
Ability to set Popup background color, Initial Width, Initial Height, Max Width and Height, Position, Fixed position, Border color, Border radius and width, Opening type
Overlay transparency
Ability to upload loading thumbnail
Ability to show Show/Hide Control Buttons in content or outside content
Ability to set Control Buttons Line Background Color and Height
Ability to change/upload all control buttons
Ability to Show/Hide information panel
Ability to show information panel inside content or outside content
Ability to set information line background color and height
Ability to change count text
Ability to set Count, Description and Title sections padding left and right parameter, text font size
Ability to Show/Hide default description text if the photo doesn’t have caption or title
Ability to set default description text if the photo doesn’t have caption
Ability to set default Title text if the photo doesn’t have title attribute
Ability to set information line elements ordering
Ability to hide Count, Description and Title sections
Ability to download images
User friendly back-end
Tested on popular WordPress themes
You can upgrade the free version to Pro Version to add some great features.
Control buttons line transparency and hover background transparency
Ability to Enable/Disable left and right navigation buttons mouseover functionality
Ability to Show/Hide left and right navigation buttons inside popup
Ability to set Background color and transparency of left and right navigation buttons inside popup(aslo, when hovering)
Ability to Show/Hide left and right navigation buttons in overlay
Ability to set Background color and transparency of left and right navigation buttons(alos, in overlay when hovering)
Count, Description and Title sections text font family(31 fonts), font weight, font style, color
Information line transparency and hover transparency
Ability to enable overlay fade effect
Ability to set overlay fade effect time and Navigation line ordering
Ability to order elements
Ability to hide any navigation button
Premium support
If you found any bug or mistake in our plugin or have a question contact us at [email protected], we will be happy to fix it.
Overlay Settings
Transparency – Set the transparency
Top background color – Choose top background color
Bottom background color – Choose bottom background color
Fade effect – Enable/Disable fade effect
Fade effect time – Set fade effect time
Popup Settings
Background color – Set the background color
Loading thumbnail(.gif) – Type the url or upload the .gif thumbnail
Initial Width – Type initial width
Initial Height – Type initial height
Max Width – Type Max width for
Max Height – Type Max height
Position
Position – Select the position
Fixed position – Enable/Disable fixed position
Distance from window when position is 1,2,3,4,6,7,8,9 – Type distance from window when position is 1,2,3,4,6,7,8,9(except Middle center position)
Border
Border color – Set the border color
Border width – Type the border width
Border radius – Set the border radius
Animation
Opening type – Choose the opening type
Opening animation type – Choose opening animation type
Animation duration – Choose duration of animation
Elements ordering
Elements ordering – Set the ordering of elements
Control Buttons Settings
Main
Show Control Buttons – Show/Hide control buttons
Show Control Buttons in content – Show/Hide control buttons in content
Control Button Line Height – Type Control Button Line Height
Control buttons line Background Color – Choose control buttons line background color
Control buttons line background transparency – Set control buttons line background transparency
Control buttons line hover background transparency – Set control buttons line hover background transparency
Show/Hide left and right navigation buttons inside popup – Choose to show or hide left and right navigation buttons
Enable/Disable left and right navigation buttons mouseover functionality – This functionality will show left and right navigation buttons only when you navigate with your mouse on photo, if you disable it then your navigation buttons always will be active
Show/Hide left and right navigation buttons in overlay – Choose to show or hide left and right navigation buttons in overlay
Background color of left and right navigation buttons in overlay when hovering – Set the background color of left and right navigation buttons in overlay when hover
Background transparency of left and right navigation buttons in overlay when hovering – Set the background transparency of left and right navigation buttons in overlay when hover
Slideshow Time – Type the Slideshow Time
Animation type – Select the animation type
Duration of animation – Type duration of animation
Images
Previous img(icon), Next img(icon) inside popup
Previous img(icon), Next img(icon) in overlay
Previous img(icon)
Previous img(icon) when hovering(optional)
Next img(icon)
Next img(icon) when hovering(optional)
Play img(icon)
Play img(icon) when hovering(optional)
Pause img(icon)
Pause img(icon) when hovering(optional)
Download img(icon)
Download img(icon) when hovering(optional)
Open in new window img(icon)
Open in new window img(icon) when hovering(optional)
Full width img(icon)
Full width img(icon) when hovering(optional)
Full width reset img(icon)
Full width reset img(icon) when hovering(optional)
Full screen img(icon)
Full screen img(icon) when hovering(optional)
Full screen reset img(icon)
Full screen reset img(icon) when hovering(optional)
Close img(icon)
Close img(icon) when hovering
Ordering
Navigation line ordering – Set the navigation line ordering
Information Line Settings
Show information panel – Choose to show/hide information panel
Show information panel in content – Show information panel inside or outside content
Information line height – Type information line height
Information line background color – Choose information line background color
Information line transparency – Set the information line transparency
Information line hover transparency – Set the information line hover transparency
Count text – Type the count text
Count
Count section padding left – Type the count section padding left
Count section padding right – Type the count section padding right
Count section text font size – Type the count section text font size
Count section text font family – Select the count section text font family
Count section text font weight – Select the count section text font weight
Count section text font style – Select the count section text font style
Count section text color – Set the count section text color
Description
Description section padding left – Type the description section padding left
Description section padding right – Type the description section padding right
Description section text font size – Type the description section text font size
Description section text font family – Select the description section text font family
Description section text font weight – Select the description section text font weight
Description section text font style – Select the description section text font style
Description section text color – Set the description section text color
Default description text if the photo doesn’t have caption – Type the default description text if the photo doesn’t have caption
Title
Title padding left – Type the title padding left
Title padding right – Type the title padding right
Title font size – Type the title font size
Title font family – Select the title font family
Title font weight – Select the title font weight
Title font style – Select the title font style
Title color – Set the title color
Default Title text if the photo doesn’t have title attribute – Type the default title text if the photo doesn’t have title attribute
Ordering
Information line elements ordering – Set the information line elements ordering
Installation
First of all download our plugin ZIP file.
Follow these steps for installing the plugin
Log in to your WordPress website admin panel.
Then open the Plugins page and click Add New > Upload Plugin.
Then click “Choose file” then select our plugin zip file.
Install and activate the plugin.
Now go to our plugin settings page(from the left panel of Dashboard) and configure the plugin options.
Screenshots
Front-end
Front-end
Back-end
Back-end
FAQ
Our plugin is an user friendly plugin, but here you can check some frequently asked questions.
What files I need to upload for installing the plugin
You need to select the .zip file only, there is no need to extract the zip file, just upload it.
I purchased the pro version, but didn’t download the pro file
Contact us at [email protected] and we will send you the pro version.
How can I add video lightbox
You need to open your post/page editor and type the video url(YouTube, Vimeo) and choose pop-up thumbnail. Here is an example.