lightGallery

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

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

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

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

• 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

Fix #1146 - Mixed content Uncaught TypeError

Fix Vimeo URL error when adding vimeoPlayerParams #1143

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

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

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

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

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

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

• 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

Bug fixes and improvements

• zoom plugin laggy in mac Mojave firefox. #1080
• "lg-slide" transitions not working in Safari 12 on macOS Mojave and iOS #1081 https://github.com/sachinchoolur/lightGallery/issues/1081
• "will-change" Browser warning on firefox #1007

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

Fix https://github.com/sachinchoolur/lightGallery/issues/1060

• 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

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

Fix https://github.com/sachinchoolur/lightGallery/issues/1043