Angular Zoom Library Based On Zoom.js

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="../assets/images/palm.jpg" zoom>

Download Details:

Author: nishantmc

Live Demo: https://nishantmc.github.io/angular-zoom.github.io/

GitHub: https://github.com/nishantmc/angular-zoom

#angular #angular-js #angularjs #javascript