Lightbox is one widespread option to overlay photographs on the net. While you click on on a picture, the Lightbox pops up with some type of animation and dims the background so your focal point is at the symbol itself. The picture may be higher in scale. Most well liked Lightbox JavaScript libraries that we’ve got recognized for years allow you to do that effectively on a desktop, however now not such a lot on cellular platforms.

Neglecting this, and the desire for responsiveness, isn’t a good suggestion this present day, which is why this choice of 15 responsive Lightbox libraries will have to be looked at.

Extra on Hongkiat:

PhotoSwipe

PhotoSwipePhotoSwipe

PhotoSwipe is through a ways my favourite ligthbox plugin. It’s gentle, touch-enabled, and most significantly modular which permits me to ditch a couple of portions that isn’t wanted. It runs properly in cellular browsers. You’ll be able to swipe via photographs together with your hands as you may in a local app, and the transition runs in point of fact easy.

  • Dependency: None
  • Browser Enhance: IE8+, Chrome, Firefox, Safari, Opera, and a few cellular browsers.
  • License: MIT license

MagnificPopup

MagnificPopupMagnificPopup

MagnificPopup is any other lightbox plugin, evolved through the similar individual that gave us PhotoSwipe, Dmitry Semenov. It comes within the type of a jQuery/Zepto plugin, and in addition brings features which might be lacking in PhotoSwipe comparable to reinforce for Video, Map, and Ajax content material. It is a nice selection for many who choose having extra options to hand.

  • Dependency: jQuery 1.9.1+, or Zepto.js
  • Browser Enhance: IE7 (in part), IE8+, Chrome, Firefox, Safari, and Opera.
  • License: MIT license

SwipeBox

SwipeBoxSwipeBox

Swipebox is a jQuery plugin with contact gesture reinforce for cellular platform. It additionally helps movies from Youtube and Vimeo with the exception of photographs. Swipebox may be downright simple to enforce, and has a handful of choices to customise its habits. I feel Swipebox is a smart lightbox plugin for JavaScript noobs.

  • Dependency: jQuery
  • Browser Enhance: IE9+, Chrome, Safari, Firefox, Opera, IOS4+, Android, and Home windows Telephone.
  • License: Undefined

iLightbox

iLightboxiLightbox

iLighbox is a jQuery lightbox plugins with a variety reinforce of media varieties: together with movies, Flash / SWF, Ajax content material, iframe and maps. This plugin additionally provides social media buttons on best of the media, permitting your customers to percentage it to Fb, Twitter or Reddit. Additionally take a look at the advanced section to peer how iLightbox can also be carried out in numerous eventualities.

  • Dependency: jQuery
  • Browser Enhance: IE7+, Chrome, Firefox, Safari, and Opera
  • License: Undefined

Lightbox for Bootstrap

Lightbox for BootstrapLightbox for Bootstrap

Lightbox is without doubt one of the obviously lacking items from Bootstrap. This plugin fixes that. If you’re the usage of Bootstrap, I extremely suggest the usage of this library. The plugin is well-integrated with Bootstrap’s code-base.

  • Dependency: jQuery and Bootstrap Modal
  • Browser Enhance: IE8+, Chrome, Firefox, Safari, and Opera
  • License: GNU license

Nivo Lightbox

Nivo LightboxNivo Lightbox

Nivo Lightbox is a versatile lightbox plugin. A number of choices are incorporated to modify the semblance into the best way you adore it to seem, comparable to converting the theme, the transition impact, and switching the navigation.

  • Dependency: jQuery
  • Browser Enhance: IE9+, Chrome, Firefox, Safari, and Opera
  • License: MIT license

ImageLightbox

ImageLightboxImageLightbox

ImageLightbox is a lightbox plugin with out the bloat. It’s constructed specifically for symbol therefore the identify given — no video or different media sort supported. It additionally does now not require extraneous HTML markup; the part is enough. The plugin simply works.

  • Dependency: jQuery
  • Browser Enhance: IE9+, Chrome, Firefox, Safari, and Opera
  • License: Undefined

Mini Lightbox

Mini LightboxMini Lightbox

Every other lightbox plugin with not one of the bloat. The library is simplest 2kb, and works simplest with photographs. It’s the very best plugin should you simplest designate for the most recent browser and don’t want to overlay different media varieties like movies.

  • Dependency: None
  • Browser Enhance: IE10+, Chrome, Firefox, Safari, and Opera
  • License: MIT license

LightCase

LightCaseLightCase

Lightcase is a fantastic lightbox plugin. It comes with a number of animations that makes consumer interplay come alive, like fade, elastic zoom and scrolling. Moreover, it additionally helps quite a lot of varieties of media together with Youtube embed, HTML movies, SWF and enter bureaucracy. The plugin additionally correctly handles media can’t be reached or discovered mistakes

  • Dependency: jQuery
  • Browser Enhance: IE9+, Chrome, Firefox, Safari, and Opera
  • License: GPL license

Yalb

YalbYalb

Yalb stands for But Every other Lightbox — however it’s now not. Yalb comes with a handful of APIs together with customized occasions that can help you determine lightbox states, comparable to when it’s open and when it’s shut. Yalb is available in two model, Vanilla JavaScript and jQuery plugin.

  • Dependency: None
  • Browser Enhance: IE9+, Chrome, Firefox, Safari, and Opera
  • License: MIT license

FeatherLight

FeatherLightFeatherLight

The 6kb Featherlight is a naked plugin for savvy developer and carries simplest the necessities. If you wish to have, as an example, to crew symbol lightbox in a gallery, you’ll be able to come with the gallery extension. You’ll be able to additionally broaden your personal extension for this plugin to slot in your mission wishes.

  • Dependency: jQuery
  • Browser Enhance: IE8+, Chrome, Firefox, Safari, and Opera
  • License: MIT license

LightLayer

LightLayerLightLayer

LightLayer is a simple to make use of lightbox plugin. It has a handful of choices, customized JavaScript strategies, and customized occasions. the plugin works with photographs, movies, maps, and exterior content material. What’s extra are we able to ask.

  • Dependency: jQuery
  • Browser Enhance: IE9+, Chrome, Firefox, Safari, and Opera
  • License: MIT license

LightGallery

LightGalleryLightGallery

LightGallery, any other lightbox plugin with numerous options added. It comes with greater than 20 choices to customise the tiniest of main points of the lightbox.

  • Dependency: jQuery
  • Browser Enhance: IE7+, Chrome, Firefox, Safari, Opera, iOS, Android, and Home windows Telephone
  • License: MIT license

FluidBox

FluidBoxFluidBox

Fluidbox is a picture lightbox plugin this is impressed from Medium. It really works with photographs beneath quite a lot of cases together with floating symbol, symbol with absolute place, photographs that experience border and padding, and galleries. Take a look at how it was built. If you wish to have a WordPress plugin, there’s one.

  • Dependency: jQuery
  • Browser Enhance: IE9+, Chrome, Firefox, Safari, Opera
  • License: MIT license

StripJS

StripJSStripJS

StripJS is a singular lightbox plugin. Fairly than covering the picture, the plugin slides the pictures in from the facet as a substitute, in order that it received’t block the entire content material. StripJS helps each symbol and video.

  • Dependency: jQuery
  • Browser Enhance: IE7+, Chrome, Firefox, Safari, Opera, iOS 5+, and Android 3+
  • License: Ingenious Commons BY-NC-ND 3.0 license

The submit Top Lightbox Libraries for Mobile Responsiveness (2019) gave the impression first on Hongkiat.

WordPress Website Development

[ continue ]