matheusmurta / angular-zoom

A angular zoom library for images based on zoom.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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>

About

A angular zoom library for images based on zoom.js

License:MIT License


Languages

Language:TypeScript 41.4%Language:JavaScript 31.6%Language:HTML 23.8%Language:CSS 3.2%