Package Exports

ng2-image-hover-zoom

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ng2-image-hover-zoom) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Angular 2 Image Zoom On Hover

Angular2 component shows the Zoomed Image on Hover

Some of these APIs and Components are not final and are subject to change!

Installation

npm install ng2-image-hover-zoom --save

Usage

If you use SystemJS to load your files, you might have to update your config:

System.config({
    map: {
        'ng2-image-hover-zoom': 'node_modules/ng2-image-hover-zoom/bundles/index.umd.js'
    }
});

Examples

First, import the ImageZoom Module

import {ImageZoomModule} from 'ng2-image-hover-zoom';

Then, add ImageZoom to your modules import array

@NgModule({
    imports : [CommonModule, ImageZoomModule, ...],
})

Then just add the [imageZoom] tag to your img element

<img src="smallImageSrc" imageZoom="zoomedImageSrc">

License

MIT