Releases: sachinchoolur/lightGallery
Version 2.1.0-beta.1 release
Add new refresh method
This is extremely useful to update lightGallery with a new set of child items.
Previously, destroy and re-initialization was required.
Version 2.0.1 release
Due to some unexpected build problems, lightGallery React, Angular, and Vue.js builds were not included in the previous release
Version 2.0.0 release
Version 2.0
- Completely re-wrote from scratch in typescript
- Removed jQuery dependency
- Available for React, Vue.js, and Angular
- Moved all modules to the main repo for better maintainability.
- Dropped IE 8 and 9 support. Let me know if you still need support for IE 8 and 9. I’ll consider adding a plugin to add support if there is enough demand.
- Separated plugin and transitions CSS from the core CSS file.
New features
- Pinch to zoom
- Virtual slides
- Swipe to close
- Zoom from the origin
- Inline gallery
- Next-generation image formats support(webp, JPEG XL). etc
- Better customizability
- Better performance on mobile devices.
- Dynamically add, remove slides while the gallery is open
- Comment interface
- and much more.
How to upgrade
To make the upgrade seamless, v2 follows the API structure as much as possible. But, few settings are removed and a lot of additional settings are added, the way we use public methods is changed slightly and few events are renamed.
Initialization
V2 doesn’t require jQuery as a dependancy.
lightGallery(document.getElementById('lightgallery'), {
plugins: [lgZoom, lgThumbnail,]
speed: 500
... other settings
});Plugins - To avoid polluting global scope, since v2 plugins has to be passed via settings.
lightGallery(document.getElementById(‘’lightgallery), {
plugins: [lgZoom, lgAutoplay, lgComment, lgFullscreen , lgHash, lgPager, lgRotate, lgShare, lgThumbnail, lgVideo]
});CSS - Separated plugin and transitions CSS from the core CSS file. For each plugins, CSS files has to be included separately
<head>
<link type="text/css" rel="stylesheet" href="css/lightgallery.css" />
<!-- lightgallery plugins -->
<link type="text/css" rel="stylesheet" href="css/lg-zoom.css" />
<link type="text/css" rel="stylesheet" href="css/lg-thumbnail.css" />
<!-- OR -->
<link type="text/css" rel="stylesheet" href="css/lightgallery-bundle.css" />
</head>- Removed in-built support for Dailymotion VK. We Will be adding separate plugins for DailyMotion and Vimeo support
Added Wistia support - HTML videos - Videos can be passed via data-video attribute instead of passing it via hidden div
data-video='{"source": [{"src":"/videos/video1.mp4", "type":"video/mp4"}], "attributes": {"preload": false, "controls": true}}'- Events are renamed - Please take a look at the documentation
- Few settings are added, removed, or renamed.
Rather than listing down all the changes here, I’d recommend going through the current settings that you are using and compare them with the new documentation.
Version 2.0.0-beta.4 release
Bug fixes and improvements.
Version 2.0.0-beta.2 release
- Remove unnecessary CSS reference in angular component
- Fix minor bugs and other improvements
Version 2.0.0-beta.3 release
Breaking change
Separated plugin and transitions CSS from the core CSS file.
<head>
<link type="text/css" rel="stylesheet" href="css/lightgallery.css" />
<!-- lightgallery plugins -->
<link type="text/css" rel="stylesheet" href="css/lg-zoom.css" />
<link type="text/css" rel="stylesheet" href="css/lg-thumbnail.css" />
<!-- OR -->
<link type="text/css" rel="stylesheet" href="css/lightgallery-bundle.css" />
</head>Version 2.0.0-beta.1 release
Add Angular, React and Vue packages
Version 2.0.0-beta.0 release
Version 2.0
Subscribe to get notified on the stable release. - ProductHunt
- Completely re-wrote from scratch in typescript
- Removed jQuery dependency
- Moved all modules to the main repo for better maintainability.
- Dropped IE 8 and 9 support. Let me know if you still need support for IE 8 and 9. I’ll consider adding a plugin to add support if there is enough demand.
- Website
- Docs
- Demos
New features
- Pinch to zoom
- Virtual slides
- Swipe to close
- Zoom from the origin
- Inline gallery
- Next-generation image formats support(webp, JPEG XL). etc
- Better customizability
- Better performance on mobile devices.
- Dynamically add, remove slides while the gallery is open
- Comment interface
- and much more.
How to upgrade
To make the upgrade seamless, v2 follows the API structure as much as possible. But, few settings are removed and a lot of additional settings are added, the way we use public methods is changed slightly and few events are renamed.
Initialization
V2 doesn’t require jQuery as a dependancy.
lightGallery(document.getElementById('lightgallery'), {
plugins: [lgZoom, lgThumbnail,]
speed: 500
... other settings
});Plugins To avoid polluting global scope, since v2 plugins has to be passed via settings.
lightGallery(document.getElementById(‘’lightgallery), {
plugins: [lgZoom, lgAutoplay, lgComment, lgFullscreen , lgHash, lgPager, lgRotate, lgShare, lgThumbnail, lgVideo]
});- Removed in-built support for Dailymotion VK. We Will be adding separate plugins for DailyMotion and Vimeo support
Added Wistia support - HTML videos - Videos can be passed via data-video attribute instead of passing it via hidden div
data-video='{"source": [{"src":"/videos/video1.mp4", "type":"video/mp4"}], "attributes": {"preload": false, "controls": true}}'- Events are renamed - Please take a look at the documentation
- Few settings are added, removed, or renamed.
Rather than listing down all the changes here, I’d recommend going through the current settings that you are using and compare them with the new documentation.
Version 1.10.0 release
Breaking change
- Upgrad from frooglaloop to vimeo player.js
Since version 1.4.0-beta.0, lightGallery requires player.js to control(Play, Pause, etc) vimeo videos instead of depricated frooglaloop2 API.
Improvements
- Update video js error message
- Enhance autoplay support
- Add support for player.vimeo.com/video/<video_id>
Version 1.9.1-beta-0 release
Version 1.9.1-beta-0 release