Changelog

2020.06.10

  • Fixed IE 11 Compatibility

    Some JS methods and syntax have been downgraded since the previous update to support Internet Explorer 11.

  • Minor Bug Fixes

    Fixed bugs with Target Object and DOM Element default values. The update is recommended for all users.

2020.04.18

  • Replaced One More Dependency!

    We managed to replace the Draggable GSAP plugin, which reduced the size of liteboxpro_gsap.min.js file by 25%! So now, liteBox.pro uses only the core GSAP library file.

    More about dependencies...
  • Swipe Up Or Down to Close Popup

    Improved usability on touch screens. Now you can use flick gesture to close the popup window. Just swipe the media up or down to close it.

  • Fixed Bugs, Refactoring

    Minor bugs have been fixed. Code refactoring made for faster future updates.

2020.04.09

  • Support of Locally Hosted Videos

    You can create popups for your locally hosted video files. It is related both to the online and offline files (in your local file system). The usage is as simple as for all the other media items in liteBox.pro galleries.

    More about local videos...
  • Vimeo Support

    You can add Vimeo URLs to your gallery. Also, they can be used together with other video hosting services, like youtube or locally hosted videos.

    More about video hosting services...
  • HTML Support

    You can include a bare HTML markup into your popup windows. And there is no need to use special tags such as <head> or <body>. That's very useful if you want to expose such components as authorisation forms or modal windows in your popups.

    How to embed HTML in the popup window...
  • IFrame Support

    WIth <iframe> support it's effortless to open web pages or any media content in the lightbox window. The usage examples are limited only by your imagination.

    How to embed IFrame content...
  • Control Keyboard Shortcuts

    You now can adjust user experience by enabling or disabling keyboard events. It will be useful if the opened popup window is just a part of a more complex web page with its own key bindings.

    More details...
  • Control Page Scrolling

    Optionally, you can enable the page scroll while the lightbox window is opened. Because, by default, the scroll events are disabled. Enabling page scroll may be useful if your opened popup window is just small part of a more complex page.

    More details...
  • Set a Parent Element for Popup Window

    Sometimes you may need to open your popup windows not fully stretched across the web page, but only as a child of some element on the page. The new property 'target' gives you this possibility.

    More details about "target" property...
  • Set Custom Z-Index

    For more versatile integration with complex HTML markups, we added possibility to change z-index CSS property for the liteBox.pro window.

    More about changing z-index...
  • Fixed Bugs, Refactoring, Performace

    Minor bugs have been fixed, performance improved. Also, we removed one dependency library, which didn't do much work, and we found a way to replace it.

2019.11.29

  • Popup Generator

    The main feature of the liteBox.pro popup is that you can adjust it with a special visual constructor. This means that you don't have to read the documentation or study API to start using it immediately.

    Popup Constructor...
  • One-file Solution

    To make liteBox.pro popup work you need to include only one liteboxpro_gsap.min.js file into your project. No additional CSS, image or JavaScript files needed.

    Read more...
  • GPU Accelerated Animation

    GPU Accelerated animation is provided by the GSAP animation library. And you’ll take the most advantage if you’re already using GSAP in your project. Because then you will have to include only a small 36 kB version of the library.

  • Assign Popup to Any Element

    When you define an image gallery you're not limited only to image thumbnails which will be clicked. You can bind image (or video) popup to almost any element on the page.

    Read more...
  • Dynamically Generated Popup Interface

    You don't have to use any image files or CSS to stylize your popup gallery. It's all generated via one JavaScript file. You only need to provide your settings in the liteBox.pro Constructor.

    Try popup generator...
  • Multiple Galleries in One Page

    You can create any number of independent galleries per page. It means that the popup window may have a unique visual style for each gallery (even within one page).

    Read more...
  • Block Right Mouse Click on Image

    liteBox.pro doesn't allow a user to click the right mouse button on images. This is a useful feature if you want to provide some layer of protection from downloading source images. Not a perfect protection, but will work from beginner and/or low-motivated users.

  • Responsive Layout

    You can create unique styles for bigger and smaller screens. You have one style breakpoint at your disposal. And you can choose at what window width the popup's layout will change from desktop to mobile look and vice versa.

    Take a look...
  • Touch Screens and Gestures

    Swipe left and right to change the gallery's media on touch screen devices.

  • Lazy Loading Images by Default

    Loading gallery media on-demand saves your visitors' (and server's) traffic. And neat preloader shows real loading data progress.

  • Cross-Browser Support

    The library works in the majority of modern browsers, both mobile and desktop, including Internet Explorer 11.

  • Keyboard Controls

    Use Left & Right keys to navigate through the gallery. And press Escape button to close the popup.

  • Objects & CSS Selectors as Galleries

    To define an HTML element which contains the gallery items you can use either link to a DOM element (as JavaScript object) or just use CSS Selectors (as string value).

  • Custom Cursor in Popup Gallery

    You can choose a specific mouse cursor to be shown when you roll the mouse over an item in the gallery. Any CSS cursor can be used.

  • A Neat Icon Instead of "404"

    If, by any chance, you've got a broken link to the image or there is an internet connection problem, your user will see a special error icon instead of the default browser broken image or "404" error.

Sign up for free* updates

The liteBox.pro library is being constantly developed.
Sign up with purchase e-mail to download updates as they appear:

* If you buy the liteBox.pro library and subscribe with the same e-mail which you used for purchase, then you will receive personal download links for the new updates as soon as they appear.
This policy may change in future.

The subscription is successful, but needs to be confirmed.

Please, check your e-mail and click the confirmation link in the letter we sent. It may take a few minutes for the letter to come.

If you close this message or continue using this website, then you automatically accept our privacy policy. If you don't agree, please, leave immediately.