/angular-zoom

A angular zoom library for images based on zoom.js

Primary LanguageTypeScriptMIT LicenseMIT

angular-zoom npm version

A angular zoom library for images based on zoom.js

Features

  • Smooth transition of image to the original size
  • After clicking the image to zoom in, ESC key | scroll away | Mouse click - to zoom out

Demo

Screenshot

Installation

yarn add angular-zoom --save

# OR

npm install angular-zoom --save

Setup

Import ZoomModule

import { ZoomModule } from 'angular-zoom';

@NgModule({ imports: [ ZoomModule ] })

Then add zoom directive to img elements

<img src="../assets/images/palm.jpg" zoom>