npm-gallery-image

You need to have Bootstrap 4 to 4.5 in your project

Usage no npm install needed!

<script type="module">
  import npmGalleryImage from 'https://cdn.skypack.dev/npm-gallery-image';
</script>

README

NgImageGallery

This library was generated with Angular CLI version 12.0.5.

Demo

Watch the video

alt text

Features

  • You need to have Bootstrap 4 to 4.5 in your project
  • Use images with the same size (recommended)

Installation

npm i ng-gallery-image --save

Usage

In your AppModule

alt text

In your component html

alt text

Array Example

alt text

Configuration

To remove the animation: [isAnimation]="false"
To add a frame to the image: type="frame"

<ng-image [image]="item" [isAnimation]="false" type="frame">

License

MIT

Free Software, Hell Yeah!