Image Viewer in ionic3

Installation

npm install --save ionic-img-viewer



app.appmodule.ts

import { IonicImageViewerModule } from 'ionic-img-viewer';

@NgModule({
  imports: [
    IonicImageViewerModule
  ]
})
export class AppModule {}


Add the imageViewer property to the pictures.

<img src="IMAGE_URL" imageViewer />
<img src="IMAGE_URL" imageViewer="OTHER_IMAGE_URL" />

if you want bind image.

<img src="{{item.image}}" imageViewer />