Musharof
in Resource
Published on: 7/30/2017
15 Best Free jQuery & JavaScript Lightbox and Image Gallery Plugins
jQuery image gallery and lightbox plugins are used for images in its many variations. It attempts to displays images with help of modal dialogs as well as it turns out to be very popular as it is simple to implement. These plugins are a best solution for image that is crowded in websites. Specifically you can get remarkable jQuery image gallery and lightbox plugins for HTML (such as Bootstrap)
Below described 15 Best Free jQuery & JavaScript Lightbox and Image Gallery Plugins
Magnific Popup:
Magnific Popup is basically a responsive kind of lightbox & dialog script that concentrates on performance and works to offer finest experience for user with any device. Users can include any HTML content in every gallery item and can also combine content types. You can also enable lazy-loading of images for the next image depending on move direction.
Image Lightbox:
This plugin is an abstinent, minimalistic, extensible as well as configurable, responsive and touch-friendly, Android, iOS, and Windows Phone compatible type of lightbox plugin. It works in a way that it silently preloads subsequent image, applies CSS transform as well as transition, and it interacts with keyboard.
Download and Demo
fancyBox:
This is a plugin that provides a wonderful and sophisticated way to include zooming functionality for html content, images, and multi-media to display on your webpages. This is created on the top side of the prevalent javaScript framework jQuery and it is simple to implement as well as a snap to customize.
Featherlight.js:
Featherlight is extremely lightweight, consisting of 400 lines of javaScript, 100 lines of CSS, lower than 6kB combined. You need not to be fooled by its small footprint, while it is responsive, smart, supports images, iframes and ajax out of the box and users can too adapt it to their needs.
Fluidbox:
This is basically a distraction-free, fluid lightbox that permits linking to a bigger-resolution image. It manages with greater resolution, linked images stylishly, in way that it just preloads them when you click on the thumbnails, thus preserving bandwidth uses for visitors as well as server(s).
Nivo LightBox:
This is simple, responsive, flexible, retina-ready plugin that automatically finds the kind of content you are attempting to display and loads it appropriately. There is no extra setup required, because irrespective of if you are trying to display image galleries, Flash, AJAX, Youtube or Vimeo videos, another website.
Fresco:
Fresco is known to be an attractive responsive lightbox that can be used to make spectacular overlays that function best at different screen size, as well as in all browsers on all devices. It also comes with retina-ready skins, fullscreen zoom, support for youtube, swipe events, and vimeo integration for html5 video as well as a powerful javascript API.
Chocolat:
This is an image gallery and jQuery lightbox plugin, powerful, light, and simple to use. It allows you to show one or many images retaining on the same page, for which preference is left to the user to combine together various images as a link, or allow them show as thumbnails.
prettyPhoto:
This plugin not only support images, it even adds support for flash, videos, youtube, iFrames. This is a full blown media lightbox, whosesetup is simple and fast, also the script is compatible in all leading browser.
Litebox:
Litebox is basically an updated version of Lightbox v2.0 made with one aspect in mind i.e. size reduction. It makes use of 3kb javascript library moo.fx in collaboration with prototype.lite, offering you the basic tools needed to produce this work and the capability to expand.
rlightbox 2:
This is a jQuery UI mediabox which can show several kinds of content like images, youtube as well as vimeo videos. This has several exclusive features such as Panorama and Live Re-size and it is ThemeRoller ready.
VenoBox:
It is suitable for inline contents, images, iFrames, vimeo, google maps, and youtube videos. The large difference associated to many others plugins identical to this is that VenoBox computes the max width of the displayed image and reserves its height if is higher than the window.
jQuery lightgallery:
It uses CSS-only technique for resizing images as well as videos; hence it will be tremendously flexible, and noticeably quicker than using the javaScript approach. It offers few built in modules, like full screen, thumbnails, zoom, etc. and it is simple to make your own modules, detach modules that you don’t need to use as well.
baguetteBox.js:
This is a simple and easy to use plugin written in javascript, with no dependencies required. It supports swipe gestures on touch-screen devices, has modern and minimal look and supports CSS3 transitions.
Visual Lightbox JS:
This is basically a free wizard program that can assist you to effortlessly make web photo galleries using an excellent Lightbox-style overlay effect. This is accomplished in several clicks without composing a single line of code. You need to simply drag and drop your images into Visual LightBox window, later press “Publish” and web gallery with attractive LightBox 2 effects will be displayed in the browser instantaneously
These mentioned lightbox plugins not just supports images but even provides supports for iframes, videos, website and any other kinds of content with CSS3 effects. It will also alter the presentation of the image or video based on the resolution of screen accessible on the device used.
