lightgallery.js 1.x is not actively maintained . Please upgrade to version 2
lightgallery.js comes with a few built in modules, such as thumbnails, full screen, zoom, etc. It is easy to create your own modules, as well as detach modules that you don't want to use.
Touch and Drag
lightgallery.js supports touch and swipe navigation on touchscreen devices, as well as mouse drag for desktops. This allows users to navigate between slides by either swipe or mouse drag.
lightgallery.js comes with a numerous number of options, which allow you to customize the plugin very easily. You can easily customize the look and feel of the gallery by updating SASS variables.
You also have the option to enable animated thumbnails from the settings. otherwise normal thumbnail will be used. You can also make thumbnails automatically load for your YouTube or Vimeo videos.
Youtube vimeo support
lightgallery.js video module allow you to create beautiful youtube/vimeo video galleries. It has lots of features such as automatic play/pause videos, thumbnails, posters and more.
lightgallery.js uses Hardware-Accelerated CSS3 transitions for faster animation performance. This plugin comes with numerous number of beautiful inbuilt animations.
lightgallery.js can be instantaneously launched by programmatically enabling the dynamic option and populating by passing array of objects representing the gallery elements.
Zoom & Fullscreen
You can double-click on the image to see its actual size. Zoom-in and zoom-out controls can be used for changing the zoom values of the image. lightgallery.js supports native html full screen mode as well.
lightgallery.js supports all types of HTML5 video formats formats, such as MP4, WebM, Ogg, etc. There is smart integration with custom html5 player videojs
lightgallery.js share plugin allows you to share your images/videos to Twitter, Facebook, Pinterest and Google plus with unique url.
By default lightgallery.js loads only 3 slides at a time to improve performance. Remaining slides are loaded as you navigate to it. It is customizable in settings.
lightgallery.js lets you to load different images for different viewports. It also supports the html5 srcset attribute for displaying high-resolution images.
lightgallery.js hash plugin lets you to provide unique url for each gallery images. lightgallery.js will record slide history and allows you to travel to previous slides via browser back/forward buttons.
My name is Sachin. I'm a UI/UX designer and FrontEnd developer from Bangalore, India. I’ve helped some ambitious teams get stuff done. Want to work with me, or just want to say hello? Drop me an email at email@example.com.