Customizable, modular, responsive, light-box gallery plugin for jQuery.

Today I am going to share simple jQuery Plugin – lightGallery which help you to add a customizable, modular, responsive, light-box gallery plugin on your web based project.

Features

• Fully responsive.
• Modular architecture with built in plugins.
• Touch and support for mobile devices.
• Mouse drag supports for desktops.
• Double-click/Double-tap to see actual size of the image.
• Animated thumbnails.
• Social sharing.
• Youtube Vimeo Dailymotion VK and html5 videos Support.
• 20+ Hardware-Accelerated CSS3 transitions.
• Dynamic mode.
• Full screen support.
• Supports zoom.
• Browser history API.
• Responsive images.
• HTML iframe support.
• Multiple instances on one page.
• Easily customizable via CSS (SCSS) and Settings.
• Smart image preloading and code optimization.
• Keyboard Navigation for desktop.
• Font icon support.
• And many more.

First of all add lightgallery.css in the

of the document.

>
    <link type="text/css" rel="stylesheet" href="css/lightGallery.css" /> 
>

Then include jQuery and lightgallery.min.js into your document. If you want to include any lightgallery plugin you can include it after lightgallery.min.js. lightGallery and it’s plugins are available in lightgallery-all.js

>
    ....
 
    -- jQuery version must be >= 1.8.0; -->
    > 
 
    -- A jQuery plugin that adds cross-browser mouse wheel support. (Optional) -->
    > 
 
    > 
 
    -- lightgallery plugins -->
    > 
    > 
>

See live demo and download source code.

This awesome plugin is developed by sachinchoolur. Visit their official github repository for more information and follow for future updates.

Related