com-poolgazal-imageviewer v1.0.1

Image Viewer

This plugin is intended to show a picture from an URL into a image Viewer with zoom features.

How to Install

Cordova:

cordova plugin add com-poolgazal-imageviewer

Ionic 4:

$ ionic cordova plugin add com-poolgazal-imageviewer
$ npm install --save ionic-native-image-viewer

Android

Out of the box

API

Show an image "ionic local server uri"

ImageViewer.show('http://localhost:8080/assets/any_image.png', 'Some Title');

Usage

...
import { ImageViewer } from 'ionic-native-image-viewer/ngx'
...
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
  ],
  providers:[ImageViewer,],//here
  declarations: [PagePage]
})
export class MyModuleModule {}

Inject it in your component like so

....
import { ImageViewer } from 'ionic-native-image-viewer/ngx'
....
constructor(private imageViewer:ImageViewer){

}
ngOnInit() {
//handling all images click event
$('body').on('click', 'img',(event)=>{
        this.imageViewer.show(event.target.src);
})

}

Optionally you can pass third parameter option as object.

Options:

• share: Option is used to hide and show the share option.
• closeButton: Option for close button visibility when is set to false

var options = {
    share: true, // default is false
    closeButton: false // default is true
};

ImageViewer.show('http://any_site.com/any_image.png', 'Some Title', options);