10+ Best Free JavaScript Lightbox Libraries

Lightbox is one popular way to overlay images on the web. When you click on an image, the Lightbox pops up with some form of animation and dims the background so your focus is on the image itself. The image is also larger in scale. Most popular Lightbox JavaScript libraries that we have known for years let you do this well on a desktop, but not so much on mobile platforms.

Neglecting this, and the need for responsiveness, is not a good idea nowadays, which is why this collection of 15 responsive Lightbox libraries must be checked out.

PhotoSwipe

PhotoSwipePhotoSwipe

PhotoSwipe is by far my favorite ligthbox plugin. It’s light, touch-enabled, and most importantly modular which allows me to ditch a few parts that is not needed. It runs nicely in mobile browsers. You can swipe through images with your fingers as you would in a native app, and the transition runs really smooth.

  • Dependency: None
  • Browser Support: IE8+, Chrome, Firefox, Safari, Opera, and a couple of mobile browsers.
  • License: MIT license

MagnificPopup

MagnificPopupMagnificPopup

MagnificPopup is another lightbox plugin, developed by the same person that gave us PhotoSwipe, Dmitry Semenov. It comes in the form of a jQuery/Zepto plugin, and also brings capabilities that are missing in PhotoSwipe such as support for Video, Map, and Ajax content. This is a great alternative for those who prefer having more features at hand.

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

SwipeBox

SwipeBoxSwipeBox

Swipebox is a jQuery plugin with touch gesture support for mobile platform. It also supports videos from Youtube and Vimeo aside from images. Swipebox is also downright easy to implement, and has a handful of options to customize its behavior. I think Swipebox is a great lightbox plugin for JavaScript noobs.

  • Dependency: jQuery
  • Browser Support: IE9+, Chrome, Safari, Firefox, Opera, IOS4+, Android, and Windows Phone.
  • License: Undefined

iLightbox

iLightboxiLightbox

iLighbox is a jQuery lightbox plugins with a wide range support of media types: including videos, Flash / SWF, Ajax content, iframe and maps. This plugin also adds social media buttons on top of the media, allowing your users to share it to Facebook, Twitter or Reddit. Also check out the advanced section to see how iLightbox can be applied in different scenarios.

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

Lightbox for Bootstrap

Lightbox for BootstrapLightbox for Bootstrap

Lightbox is one of the glaringly missing pieces from Bootstrap. This plugin fixes that. If you are using Bootstrap, I highly recommend using this library. The plugin is well-integrated with Bootstrap’s code-base.

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

Nivo Lightbox

Nivo LightboxNivo Lightbox

Nivo Lightbox is a flexible lightbox plugin. Several options are included to change the appearance into the way you like it to appear, such as changing the theme, the transition effect, and switching the navigation.

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

ImageLightbox

ImageLightboxImageLightbox

ImageLightbox is a lightbox plugin without the bloat. It is built specially for image hence the name given — no video or other media type supported. It also does not require extraneous HTML markup; the <img> element is sufficient. The plugin just works.

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

Mini Lightbox

Mini LightboxMini Lightbox

Another lightbox plugin with none of the bloat. The library is only 2kb, and works only with images. It’s the perfect plugin if you only designate for the latest browser and do not need to overlay other media types like videos.

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

LightCase

LightCaseLightCase

Lightcase is a lovely lightbox plugin. It comes with several animations that makes user interaction come alive, like fade, elastic zoom and scrolling. Furthermore, it also supports various types of media including Youtube embed, HTML videos, SWF and input forms. The plugin also properly handles media cannot be reached or found errors

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

FeatherLight

FeatherLightFeatherLight

The 6kb Featherlight is a bare plugin for savvy developer and carries only the essentials. If you need, for example, to group image lightbox in a gallery, you can include the gallery extension. You can also develop your own extension for this plugin to fit in your project needs.

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

LightLayer

LightLayerLightLayer

LightLayer is an easy to use lightbox plugin. It has a handful of options, custom JavaScript methods, and custom events. the plugin works with images, videos, maps, and external content. What’s more can we ask.

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

LightGallery

LightGalleryLightGallery

LightGallery, another lightbox plugin with a lot of features added. It comes with more than 20 options to customize the tiniest of details of the lightbox.

  • Dependency: jQuery
  • Browser Support: IE7+, Chrome, Firefox, Safari, Opera, iOS, Android, and Windows Phone
  • License: MIT license

FluidBox

FluidBoxFluidBox

Fluidbox is an image lightbox plugin that is inspired from Medium. It works with images under various circumstances including floating image, image with absolute position, images that have border and padding, and galleries. Check out how it was built. If you need a WordPress plugin, there is one.

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

StripJS

StripJSStripJS

StripJS is a unique lightbox plugin. Rather than overlaying the image, the plugin slides the images in from the side instead, so that it won’t block the whole content. StripJS supports both image and video.

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

The post 10+ Best Free JavaScript Lightbox Libraries appeared first on Hongkiat.

Comments

Post a Comment

Popular posts from this blog

A new kind of pollution — wildfire smoke — can cause health issues

It’s a domino effect Southern Californians know all too well: When there’s extreme heat, there are fires. And when there are fires, there’s smoke. And when there’s smoke, there is insidious air pollution. The pattern, caused by four fires still burning in Los Angeles, San Bernardino and Riverside counties, is producing columns of smoke that collapse, spreading lung-damaging soot for hundreds of miles. After record-breaking heat and explosive fires over the Labor Day weekend, lingering fire clouds lowered temperatures considerably Tuesday, Sept. 8, by blocking the sun. But a moderate Santa Ana wind event starting Tuesday afternoon was expected to send desert winds through mountain canyons and into beach communities through Wednesday afternoon, the National Weather Service said. The Santa Anas are not good news for firefighters battling the two most troublesome fires, El Dorado near Yucaipa, and Bobcat above Duarte . A red flag warning went into effect late Tuesday. Homes could b...
Read more

30 Priceless Blue Screen of Death (BSoD) to Chuckle About

Image
It can come when we least expect it, when we are happily playing our favorite game and diligently working on the report due tomorrow. Then, all of a sudden, when we are just right about to save our progress, the blue demon appears, stares at you straight in the face and tells you that some sort of fatal, non-recoverable error has occur. You can cry, curse or swear, but nothing will change the fact that your hard work has all gone to the drain. Nobody will mistake that mocking blue screen for anything but a big FAIL. Yes, it’s the infamous blue screen of death, or BSoD for short. Oh, how we dread seeing one. Due to its widespread unpopularity, some victims of BSoD have make it a point to capture instances of BSoD for a good laugh (a laugh at their own plight, perhaps?). Others have even photoshopped BSoD into actual images and turned them into jokes. Whatever it is, we all find them hilarious because we’ve experienced them from time to time. To celebrate our contempt for BSoD, we hav...
Read more

Mountain High to open Saturday, Nov. 14, for pass holders, followed by Snow Valley Monday

After a short delay this week following four employees who tested positive for coronavirus , Mountain High announced it will open on Saturday, Nov. 14, for season pass holders. The Wrightwood resort will sell tickets to the general public on Sunday, Nov. 15, according to the website. Tickets must be purchased 24 hours in advance. Amenities will be limited on opening weekend, including no lessons or rentals and limited food and beverage, though people can bring their own snacks onto the mountain. “It’s going to be a beautiful weekend so come enjoy your lunch on the sun deck. Indoor access will be limited,” the announcement said. “Guests should be prepared to enjoy an outdoor experience this winter, no matter the conditions. Lodges will be available for restrooms and retail purchases only.” Snow Valley in the San Bernardino Mountains announced Friday its season start date will be Nov. 16. The six-person chairlift will accommodate a whole family and groups that arrive together, or two...
Read more