ng-gallery

Angular Gallery

Simplifies the process of creating beautiful image galleries for the web and mobile devices.

---

Explore ngx-gallery Documentation

• For stable version (v11): Visit our wiki page 📚.

• For the latest features (v12 Beta): Check out our storybook documentation

We value your feedback and appreciate your support in testing this beta release!

---

Support

Issues

If you identify any errors in this module, or have an idea for an improvement, please open an issue.

Author

Murhaf Sousli

• github/murhafsousli
• twitter/murhafsousli

Changelog

12.0.0-beta.4

See the storybook documentation

• feat: Add RTL support, closes #540.
• All boolean inputs of <gallery> components can be used as string attributes
  • e.g. <gallery autoHeight>, <gallery autoHeight="true"> and <gallery [autoHeight]="true"> sets the option's value to true.
  • e.g. <gallery autoHeight="false"> and <gallery [autoHeight]="false"> sets the option's value to false.
• All number inputs of <gallery> components can be used as string attributes
  • e.g. <gallery playerInterval="2000"> and <gallery [playerInterval]="2000"> sets the option's value to 2000

Improved performance

• refactor: Replace the scroll event with intersection observer to detect the active item while scrolling.

ItemAutoSize, ThumbAutoSize features

• enhance: Toggling itemAutoSize option is now reactive.
• fix: [thumbAutosize] causes random invalid starting thumbnail scroller position when scrolling possible, closes #521
• fix: [ItemAutosize] in website/safari browsers do not work as expected, closes #543

AutoHeight feature

• enhance: Auto-height feature is not more precise and works well with or without height transition
• fix: Auto-height issue when screen size changes

Autoplay feature

• fix: autoplay resets the timer after navigated.
• fix: autoplay only start the timer after the image is loaded.

Bullets (previously named 'Dots')

• feat: disableBullets disable bullets' clicks

Custom template

• feature: Introduce galleryImage directive within galleryItemDef, to allow recognizing the img element in your custom item template.

Breaking changes

Options renamed:

Core

• slidingDirection → orientation
• slidingEase → scrollEase
• slidingDuration → scrollDuration
• slidingDisabled → disableScroll
• mouseSlidingDisabled → disableMouseScroll
• autoPlay → autoplay

Thumbs

• thumb → thumbs
• thumbMode → thumbCentralized
• thumbMode → thumbCentralized
• thumbDetached → detachThumbs
• thumbSlidingDisabled → disableThumbMouseScroll
• thumbMouseSlidingDisabled → disableThumbMouseScroll

Bullets

• dots → bullets
• dotSize → bulletSize
• dotPosition → bulletPosition

Input removed (no longer exist)

• navScrollBehavior the option is now removed, use scrollBehavior instead.

---