lightgallery.js 1.x is not actively maintained . Please upgrade to version 2

lightgallery.js V1.0.0

Full featured javascript lightbox gallery, No dependencies.

View on github Get a license

Core Features

responsive

Responsive

lightgallery.js uses CSS-only approach for resizing images and videos. So it will be extremely flexible, and considerably faster than using the JavaScript approach.

modulear

Modular

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

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.

super customizablw

Super customizable

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.

animated thumbnails

Animated thumbnails

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 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.

20+ animations

20+ Animations

lightgallery.js uses Hardware-Accelerated CSS3 transitions for faster animation performance. This plugin comes with numerous number of beautiful inbuilt animations.

dynamic mode

Dynamic mode

lightgallery.js can be instantaneously launched by programmatically enabling the dynamic option and populating by passing array of objects representing the gallery elements.

fullscreen

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.

zoom support

HTML5 videos

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

Social sharing

lightgallery.js share plugin allows you to share your images/videos to Twitter, Facebook, Pinterest and Google plus with unique url.

Smart preloading

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.

Responsive images

lightgallery.js lets you to load different images for different viewports. It also supports the html5 srcset attribute for displaying high-resolution images.

Browser History

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.

Please spread the word if you like lightgallery.js

About me

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 sachi77n@gmail.com.