angular-zoom

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

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="https://github.com/nishantmc/angular-zoom/raw/master/./assets/images/palm.jpg" zoom>