view-image-ng

View your image in full screen with zoom & swipe. For angular9+ projects

Usage no npm install needed!

<script type="module">
  import viewImageNg from 'https://cdn.skypack.dev/view-image-ng';
</script>

README

view-image-ng

View your image in full screen with zoom & swipe.
For angular9+ projects

preview

How to use

Install package

npm i view-image-ng

Import package to your module

import { ViewImageModule } from 'view-image-ng';
@NgModule({
  ...
  imports: [..., ViewImageModule],
  ...
})

Use component

<view-images [images]="[{src: 'your image url'}]"></view-images>

Params

  • images: array of images with src a url
  • index: index of starting image. Default 0

Events

  • (dismiss): triggered if image pushed away
  • (click): triggered if next to the picture is clicked for a backdrop