A customizable, modular, responsive, lightbox gallery plugin for jQuery.
The responsive HTML5 text and image slider is incredibly user friendly. It has implemented drag-and-swipe-based navigation for desktop and mobile devices. It also lets you navigate through all the slides using a mouse wheel or with the left and right keyboard keys. So as far as browser support, it’s pretty good, except IE, where it only works in 10+. Otherwise: Firefox 3.6+, Opera 11.1+, Safari 4+, Chrome 10+. Might even be a bit deeper than that. You might just skip a fallback because whatever it’s not that bad it just has some white gaps.
Core Features
Responsive
lightGallery uses CSS-only approach for resizing images and videos. So it will be extremely flexible, and considerably faster than using the JavaScript approach.
Modular
Lightgallery 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 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 customizable
Lightgallery 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
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 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
LightGallery uses Hardware-Accelerated CSS3 transitions for faster animation performance. This plugin comes with numerous number of beautiful inbuilt animations.
Dynamic mode
Lightgallery can be instantaneously launched by programmatically enabling the dynamic option and populating by passing array of objects representing the gallery elements. Espresso 5 3 2 player games.
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 supports native html full screen mode as well.
HTML5 videos
lightGallery 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 share plugin allows you to share your images/videos to Twitter, Facebook, Pinterest and Google plus with unique url.
Smart preloading
By default lightGallery 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 lets you to load different images for different viewports. It also supports the html5 srcset attribute for displaying high-resolution images.
Browser History
lightGallery hash plugin lets you to provide unique url for each gallery images. lightGallery will record slide history and allows you to travel to previous slides via browser back/forward buttons.
More demos
Other Projects
Please enable JavaScript to view the comments powered by Disqus.
UserHi, in order to update a large photo gallery in Mobirise is it possible to insert pictures at the beginning istead that at the end?
Unfortunately, that's not currently supported in the Mobirise.
User
I think that it would be better if the images in the galleries would be inserted so that the first ones go to the bottom and the last ones remain in the top. In this way to update a gallery with new images to show first would be easyer.
In some blocks it's impossible to change text color. For instance in the Features white block, and in the additional white block with 3 pics with number 01, 02, 03, half over the picture, it's impossible to change the gold color of the numbers 01, 02,03.
Mobirise
Please download the latest version of Mobirise here: https://mobirise.com Some bugs were eliminated.
I downloaded and installed the version 3.10.7 as per your link but the bugs still persist
I've been able to customize the number color via Dreamweaver, but for the first case I don't need to change the text in italic but to change the color and in the Features block this is not possibile.
I mean the Features block, white color with a picture of a laptop computer in the middle!
The black block with a smartphone works correctly!
I cannot change the text color in the red rectangles.
Suggestion for solving navbar collapsing for a large menu:
at html hidden-md-up to hidden-lg-up and navbar-toggleable-sm to navbar toggleable-md
at assests/dropdown/css/style.css,
at line 171
chenge 767 to 992
Responsive Video Grid 3 10 – Html5 Video Gallery Maker Free
at line 172
I changed navbar-toggleable-sm to navbar-toggleable-md.
Suggestion for the Backgroud video block:
@media (min-width: 992px) {
display: table;
I've bought the last version of Visual Lightbox (and all the Mobirise app). I master the final pages with Dreamweaver in order to fix Mobirise bugs, add meta and so on. I'd like to know what is in your opinion the best way to update only the pictures' gallery in a website.
Mobirise
If you want to update your pictures you should open your project in the Mobirise and use the app to update it. Or you can try to do it through the html code editing but we don't guarantee the suсcess.
So the best and reliable way is to edit your project than your site code.
Responsive Video Grid 3 10 – Html5 Video Gallery Maker Download
and is it possible to update the gallery inserting images on the top instead that at the end?
User
Responsive Video Grid 3 10 – Html5 Video Gallery Maker Tutorial
To add images to the photo gallery there are 2 plus signs. One + at the beginning and one + at the end.
When I insert new images they go always at the end, even if I use the first + sign, but, beeing new, I'd like that they go at the beginning of the gallery, in order to show first.
To switch all the images from the end to the beginning is not so easy.