pierrolivier / ionic-gallery-modal

Ionic 2 Gallery Modal (to show all your photos)

Small update

At the moment, I'm working on an update on this package. I want to fix a few more issues with it, so it's going to take a bit more than expected.. Stay tuned :)

Ionic 2 Gallery Modal

It consists of a modal that will help you make gallery preview modal.

Demo

Example

• View live example
• Fork example repository

Installation

Install it using npm

npm install ionic-gallery-modal --save

and then, within your application module

import { GalleryModal } from 'ionic-gallery-modal';
import { ZoomableImage } from 'ionic-gallery-modal';

and add it to your declarations

declarations: [
  //...
  GalleryModal,
  ZoomableImage,
  //...
],

and to your entryComponents

entryComponents: [
  //...
  GalleryModal,
],

Usage

To open the module just use the Ionic 2 ModalController

import { ModalController } from 'ionic-angular';
import { GalleryModal } from 'ionic-gallery-modal';

let modal = this.modalCtrl.create(GalleryModal, {
  photos: photos,
  initialSlide: index
});
modal.present();

Options

The possible options for it are:

{
  photos: Array[{ url: string }],
  closeIcon: string,
  initialSlide: number,
}

Problems or suggestions

Let us know or submit a PR! And, please, don't hesitate to contribute. ❤️

Changelog

v0.0.7

• Changed to work with Ionic 2 RC-5
• Made a temporary fix for orientationchange bug in ios
• Fixed a problem that was causing apps to not build

Credits

Ciprian Mocanu - @nikini