Image and Video Lightbox

Image and Video Lightbox, Image PopUp | wpdevart

Description

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.

Check our plugin demo page here

Demo Page

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.

The features of Pro version

  • Popup opening 12 animation effects(animation duration)
  • Nice Slideshow
  • Ability to set Slideshow Time
  • Ability to select animation type and duration
  • Ability to use fullscreen functionality
  • Ability to set overlay top background color
  • Overlay bottom background color
  • 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

  1. Log in to your WordPress website admin panel.
  2. Then open the Plugins page and click Add New > Upload Plugin.
  3. Then click “Choose file” then select our plugin zip file.
  4. Install and activate the plugin.
  5. Now go to our plugin settings page(from the left panel of Dashboard) and configure the plugin options.

Plugin author

wpdevart

Plugin official website address

https://wordpress.org/plugins/lightbox-popup/
If you encounter problems in using the Image and Video Lightbox, Image PopUp plugin, you can comment below, and I will try my best to help you solve the problem

Leave a Comment

Your email address will not be published.