lig
4.2/56

lightgallery

npm i lightgallery

104 Versions


2.6.0-beta.1

1 month ago
  • Refactor zoom module
  • Fix issue - Blurry images when zooming on iOS devices #1260

2.5.0

latest
2 months ago
New Features
  • New VimeoThumbnail plugin that automatically loads thumbnail for Vimeo videos
  • Private video support for Vimeo videos
  • Videojs custom theme support
  • Trap focus within lightGallery
  • Option to hide the scrollbar
  • Option to skip scrolling back to the original position on close
Bug fixes
  • The alt attribute is not appearing on the first image
  • When the focus trap is enabled, the page is scrolling to the bottom
New Contributors

2.5.0-beta.5

3 months ago

2.5.0-beta.4

3 months ago
  • Option to hide the scrollbar
  • Option to skip scrolling back to the original position on close
  • Bug-fix: When the focus trap is enabled, the page is scrolling to the bottom

2.5.0-beta.3

4 months ago

Trap focus within lightGallery


2.5.0-beta.2

5 months ago
  • New VimeoThumbnail plugin that automatically loads thumbnail for vimeo videos
  • Add private video support for vimeo videos
  • Add videojs custom theme support

2.5.0-beta.1

5 months ago
  • Vimeo thumbnail plugin - Vimeo thumbnail plugin helps you load thumbnails automatically for Vimeo videos.
  • Add Vimeo private videos support

2.4.0

6 months ago

Features

  • Add i18n support (Special thanks to @arnaud-ober )
  • Add rotate callback for Angular, React, and Vue components
  • Add events for autoplay actions autoplay, autoplayStart and autoplayStop

Bug Fixes

  • Adds position: relative to body and breaks layout #1218
  • Full screen videos not working on Safari OSX #1220
  • Call response.text() after fetch() #1241

Contributers


2.4.0-beta.0

8 months ago

Features

  • Add i18n support (Special thanks to @arnaud-ober )
  • Add rotate callback for Angular, React, and Vue components
  • Add events for autoplay actions autoplay, autoplayStart and autoplayStop

Bug Fixes

  • Adds position: relative to body and breaks layout #1218
  • Full screen videos not working on Safari OSX #1220

Contributers


2.3.0

9 months ago

Summary

  • Add URL params support for YouTube videos.
  • Add URL parameters support for Vimeo videos
  • Improve video autoplay experience
  • automatically load poster images for youtube videos
  • add iframe max-width max-height options

Breaking changes

  • removed showAfterLoad option as it is already managed via startClass

Bug fixes/improvements

  • Fix Vimeo URL error when adding vimeoPlayerParams #1143
  • Fix #1146 - Mixed content Uncaught TypeError
  • Mousewheel support for IE and firefox https://github.com/sachinchoolur/lightGallery/issues/1182
  • Fix autoplay issue when the poster image is not provided
  • Mute YouTube and Vimeo videos by default. This is required to enable autoplay in some environments such as IOS, Chrome 66+, and Safari 11+.
  • autoplayVideoOnSlide not working for videos without poster
  • HTML5 video is not playing on IOS without clicking on the poster
  • Fix JS error when startClass set to empty string
  • Sometimes Images are cut off on IOS devices #745
  • Angular SSR - window is undefined #1181
  • Call polyfills only when lightGallery is initialized
  • Set container default value as an empty string to avoid accessing document before lightGallery gets called

2.3.0-beta.4

10 months ago

Bug fixes/Improvements

  • Angular SSR - window is undefined
  • Angular SSR - window is undefined #1181
  • Call polyfills only when lightGallery is initialized
  • Set container default value as an empty string to avoid accessing document before lightGallery gets called

2.3.0-beta.3

10 months ago

Breaking changes

  • removed showAfterLoad option as it is already managed via startClass

Bug fixes

  • Fix JS error when startClass set to empty string
  • Sometimes Images being cut off on IOS devices #745

2.3.0-beta.2

10 months ago
  • Mute YouTube and Vimeo videos by default. This is required to enable autoplay in some environments such as IOS, Chrome 66+, and Safari 11+.
  • Add URL parameters support for Vimeo videos
  • Bugfix - autoplayVideoOnSlide not working for videos without poster
  • Bugfix - HTML5 video is not playing on IOS without clicking on the poster

2.2.1

1 year ago

Fix #1146 - Mixed content Uncaught TypeError


2.3.0-beta.1

1 year ago

2.3.0-beta

1 year ago

Add URL params support for YouTube videos. Bugfix: Fix autoplay issue when poster is not provided


2.2.0

1 year ago

Features

  • Make rotate speed configurable via rotateSpeed option
  • Emit events on rotate and flip
  • Add video tracks support - #1096
  • Add an option set name for the downloaded file
  • Add an option to append captions to the outer div. By setting appendSubHtmlTo to .lg-outer, the main gallery portion and captions can be placed side by side

Bug Fixes

  • Lack of druggability in zoomed view/portion of the image not reachable (after zoom in by double click) #1067
  • Zoom transition issue #1085
  • Safari Video Controls not working #1097
  • Hide captions div when it is empty
  • Youtube videos not working... #1101 (This was happening when enableDrag is false and enableTouch is true and video poster is provided)
  • Vertical position of the prev/next controls "incorrect" - not centered #1045
  • lg-zoom with lg-video crashes when zooming a video on iPhone #1103
  • Data attribute for download URL not working as documented #1105
  • Control Zoom behavior on inlined Light Gallery #1104
  • Documentation of lgContainerResize event seems to be off #1106
  • lgShare - fix google Lighthouse warnings #1089
  • remove unnecessary overflow hidden for the thumbnail container
  • Fix zoom plugin JavaScript error when the image takes time to load
  • Re-position relativeCaption plugin on resize
  • Typescript - make properties of GalleryItem optional
  • Docs - Fix issue Union type defaults values were not displayed

Breaking Changes

  • This release changes the HTML structure a little bit - class .lg has been renamed to .lg-content and lg-inner and controls have been moved inside .lg-content. This will affect your existing setup only if you have made any customization
  • Download button for video and iframes slides is not disabled by default. You need explicitly pass data-download-url="false" if you need to disable the download button.
  • Settings width and height have been removed

2.2.0-beta.5

1 year ago

Bug fixes

  • lgShare - fix google Lighthouse warnings #1089
  • remove unnecessary overflow hidden for the thumbnail container
  • Fix zoom plugin JavaScript error when the image takes time to load
  • Re-position relativeCaption plugin on resize
  • Typescrpt - make properties of GalleryItem optional
  • Docs - Fix issue Union type defaults values were not displayed

New feature

  • Add an option to append captions to the outer div. By setting appendSubHtmlTo to .lg-outer, the main gallery portion and captions can be placed side by side

2.2.0-beta.4

1 year ago

Breaking changes

  • Download button for video and iframes slides is not disabled by default. You need explicitly pass data-download-url="false" if you need to disable the download button.

Bug fixes

  • lg-zoom with lg-video crashes when zooming a video on iPhone #1103
  • Data attribute for download URL not working as documented #1105
  • Control Zoom behavior on inlined Light Gallery #1104

Docs

  • Documentation of lgContainerResize event seems to be off #1106

Features

  • Add an option set name for the downloaded file

2.2.0-beta.3

1 year ago

Bu fixes -

  • Hide captions div when it is empty
  • Youtube videos not working... #1101 (This was happening when enableDrag is false and enableTouch is true and video poster is provided)
  • Vertical position of the prev/next controls "incorrect" - not centered #1045

Breaking Change

This release changes the HTML structure a little bit -

  • class .lg has been renamed to .lg-content and lg-inner and controls have been moved inside .lg-content. This will affect your existing setup only if you have made any customization
  • Settings width and height have been removed

2.2.0-beta.2

1 year ago
  • Add video tracks support - #1096
  • Fix - Safari Video Controls not working #1097

2.2.0-beta.1

1 year ago
  • make rotate speed configurable via rotateSpeed option
  • Emit events on rotate and flip
  • Fix - lack of druggability in zoomed view / portion of the image not reachable (after zoom in by double click) #1067
  • Fix - Zoom transition issue #1085

2.1.8

1 year ago

Bug fixes and improvements


2.1.7

1 year ago

Bug fixes -

  • dynamicGallery.refresh() does not allow you to add new video sources #1074
  • Wrong button gets disabled on first and last images in gallery (Previous instead of Next) #1060
  • When gallery first init with single image and slides updated after, visibility of controls not updating #1069
  • hideControlOnEnd option seems not to work #1065


2.2.0-beta.0

1 year ago
  • Add woff2 font support
  • Support the last 4 versions of Angular For the latest version of angular lightGallery can be installed from lightgallery/angular Other supported versions of angualr component can be installed from lightgallery/angular/${versionNumber} For example, lightGallery component for angular 10 can be installed from lightgallery/angular/10

2.1.5

1 year ago

New relativeCaptions plugin to place captions relative to the media - More info - https://github.com/sachinchoolur/lightGallery/issues/1041



2.1.4-beta.0

1 year ago

Upgrade angular to v12


2.1.3

1 year ago

Bugfix - https://github.com/sachinchoolur/lightGallery/issues/1038 The image is shifted under certain circumstances


2.1.2

1 year ago

🔥 Add lit component support
🕷 Bugfix - Fix setting selector type


2.1.1

1 year ago

Bug fixes -

  • Enable all functionalities which are not relevant with just one slide, if the gallery is modified with more slides using the refresh call.
  • If lightgallery is included in the header tag, settings.container will be null, as the settings are initialized on import of the script

2.1.0

1 year ago

Features

  • Add refresh method This helps to refresh lightGallery when children or dynamicEl are changed without calling destroy method
  • Allow plugins to modify core settings
  • New plugin for medium like zoom experience
  • Add elementClassNames prop for react component

Bug fixes

  • remove unwanted scrolling with the dynamic gallery. when the dynamic gallery is initialized with a focusable element such as a, or button if the gallery is opened via a click from another button somewhere else on the page, after closing gallery document scrolls to the first element
  • Fix dynamic option type typeof dynamic was false instead boolean

2.1.0-beta.4

1 year ago

Make dynamicEl optional in refresh method


2.1.0-beta.2

1 year ago
  • Add options to pass an array of dynamicEl via refresh method.
  • Add elementClassNames prop for react component
  • bugfix: remove unwanted scrolling with the dynamic gallery. when the dynamic gallery is initialized with a focusable element such as a, or button if the gallery is opened via a click from another button somewhere else on the page, after closing gallery document scrolls to the first element

2.1.0-beta.1

1 year ago

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.


2.1.0-beta.0

1 year ago
  • Allow plugin to modify core settings
  • Add plugin for medium like zoom experiance

2.0.1

1 year ago

Due to some unexpected build problems, lightGallery React, Angular, and Vue.js builds were not included in the previous release


2.0.0

1 year ago
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.

2.0.0-beta.4

1 year ago

Bug fixes and improvements.


2.0.0-beta.3

1 year ago
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>

2.0.0-beta.2

1 year ago
  • Remove unnecessary CSS reference in angular component
  • Fix minor bugs and other improvements

2.0.0-beta.1

1 year ago

Add Angular, React and Vue packages


2.0.0-beta.0

1 year ago
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.

1.10.0

2 years ago

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>

1.9.1-beta-0

2 years ago

1.9.0

2 years ago
  • Add option to turn off hiding toolbar and controls If 0 is passed via hideBarsDelay, lightGallery will not hide the toolbar and controls.

  • new supportLegacyBrowser option This helps make the usage of picturefill libray optional as all modern browsers support srcset attribute now

  • Better error messaging

  • Minor bug fixes


1.8.3

2 years ago

Fix issue - #951

Flip buttons class names are interchanged in both CSS and JavaScript


1.8.2

2 years ago

Upgrade rotate module to 1.1.0


1.8.1

2 years ago

Issue fixes - https://github.com/sachinchoolur/lightGallery/issues/949 Remove legacy 'eot' font format


1.8.0

2 years ago

1.7.3

2 years ago

Minor css fix - Remove un-nessesary outline from the outer div


1.7.2

2 years ago

accessibility add button type


1.7.0

2 years ago

accessibility improvements


1.6.14

2 years ago

Not much changes. updating version number missed in the previous release


1.6.12

3 years ago

Update fullscreen module to latest version



1.6.10

4 years ago

Update video module


1.6.9

4 years ago

Bug fix - Autoplay pause not working


1.6.8

4 years ago

1.6.7

4 years ago

Fix Drag must work on slide (if any) and not on image. #741


1.6.6

5 years ago

Hash plugin bug - removes GET params #728


1.6.5

5 years ago


1.6.3

5 years ago

Fix Hash plugin bug. #675


1.6.2

5 years ago

Introduce sharing for the dynamic mode.


1.6.1

5 years ago

Fix #663 and #672



1.5.0

5 years ago
  • Re-introduce lightgallery-all.js
  • Remove modules files from demo folder and move to modules folder

1.4.0

5 years ago

Bug Fixes

PR


1.3.9

6 years ago

Fix #546, #542, #539


1.3.8

6 years ago

Fix issue #213


1.3.7

6 years ago

Fix zoom performance issue on chrome.

  • Add new setting useLeftForZoom - If true CSS left property will be used instead of transform .

1.3.6

6 years ago

Add video support for commentbox #489


1.3.5

6 years ago

Fix #280


1.3.4

6 years ago

Fix issue #280


1.3.2

6 years ago

Bug fixes..


1.3.1

6 years ago

Bug fix : add jQuery dependency


1.3.0

6 years ago
  • Created separated repositories for all the lightgallery modules
  • Added commercial license.
  • UMD support.

1.2.21

6 years ago

Fix for #381


1.2.19

6 years ago

Fixed transition performance issue on chrome


1.2.18

6 years ago

Option to get captions from alt or title tags.. Fixed hash plugin event unbind issue..


1.2.17

6 years ago

Added actual pixel icon. Videojs options supports..


1.2.16

6 years ago

Merged PR #301 and #318


1.2.15

6 years ago

Fixed transition performance issue on chrome..


1.2.14

7 years ago

Improved double-tap to zoom support on touch devices..


1.2.13

7 years ago

Fixed #271 and #273


1.2.12

7 years ago

Double tap support for touch devices..


1.2.11

7 years ago

Minor updates..


1.2.9

7 years ago

Fixed #247


1.2.8

7 years ago

Fixed #238


1.2.7

7 years ago
  • Fixed issues #182 and #231.
  • Added options to find selector within an elment..

1.2.6

7 years ago

Load sub html from external url..


1.2.5

7 years ago

Bug fixes.. Improved performance on mobile devices..


1.2.4

7 years ago

Fixed issues #192, #175 and #183 ..


1.2.3

7 years ago

Fixed issue #190 and added options to pull captions above thumbnails..


1.2.2

7 years ago

Fixed issue #181


1.2.1

7 years ago
  • Improved zoom plugin algorithm..
  • Bug fixes and code improvements..
  • Daily motion video support

1.2.0

7 years ago

Completely re-written the plugin..

104 Versions

TagPublished
2.6.0-beta.2beta5d ago
2.6.0-beta.11mo ago
2.5.0latest2mos ago
2.5.0-beta.53mos ago
2.5.0-beta.43mos ago
2.5.0-beta.34mos ago
2.5.0-beta.25mos ago
2.5.0-beta.15mos ago
2.4.06mos ago
2.4.0-beta.08mos ago
2.3.09mos ago
2.3.0-beta.410mos ago
2.3.0-beta.310mos ago
2.3.0-beta.210mos ago
2.2.11yr ago
2.3.0-beta.11yr ago
2.3.0-beta1yr ago
2.2.01yr ago
2.2.0-beta.51yr ago
2.2.0-beta.41yr ago
2.2.0-beta.31yr ago
2.2.0-beta.21yr ago
2.2.0-beta.11yr ago
2.1.81yr ago
2.1.71yr ago
2.1.61yr ago
2.2.0-beta.01yr ago
2.1.51yr ago
2.1.41yr ago
2.1.4-beta.01yr ago
2.1.31yr ago
2.1.21yr ago
2.1.11yr ago
2.1.01yr ago
2.1.0-beta.41yr ago
2.1.0-beta.21yr ago
2.1.0-beta.11yr ago
2.1.0-beta.01yr ago
2.0.11yr ago
2.0.01yr ago
2.0.0-beta.41yr ago
2.0.0-beta.31yr ago
2.0.0-beta.21yr ago
2.0.0-beta.11yr ago
2.0.0-beta.01yr ago
1.10.02yrs ago
1.9.1-beta-02yrs ago
1.9.02yrs ago
1.8.32yrs ago
1.8.22yrs ago
1.8.12yrs ago
1.8.02yrs ago
1.7.32yrs ago
1.7.22yrs ago
1.7.02yrs ago
1.6.142yrs ago
1.6.123yrs ago
1.6.114yrs ago
1.6.104yrs ago
1.6.94yrs ago
1.6.84yrs ago
1.6.74yrs ago
1.6.65yrs ago
1.6.55yrs ago
1.6.45yrs ago
1.6.35yrs ago
1.6.25yrs ago
1.6.15yrs ago
1.6.05yrs ago
1.5.05yrs ago
1.4.05yrs ago
1.3.96yrs ago
1.3.86yrs ago
1.3.76yrs ago
1.3.66yrs ago
1.3.56yrs ago
1.3.46yrs ago
1.3.26yrs ago
1.3.16yrs ago
1.3.06yrs ago
1.2.216yrs ago
1.2.196yrs ago
1.2.186yrs ago
1.2.176yrs ago
1.2.166yrs ago
1.2.156yrs ago
1.2.147yrs ago
1.2.137yrs ago
1.2.127yrs ago
1.2.117yrs ago
1.2.97yrs ago
1.2.87yrs ago
1.2.77yrs ago
1.2.67yrs ago
1.2.57yrs ago
1.2.47yrs ago
1.2.37yrs ago
1.2.27yrs ago
1.2.17yrs ago
1.2.07yrs ago