An angular directive for PhotoSwipe image gallery
Unfortunately I cannot actively contribute and maintain this module anymore.
There seems to be enough interest to keep it going, so if anyone who's using it would like to become a collaborator please inbox me
AngularJS directive for PhotoSwipe.
Copyright © 2016, Massimiliano Sartoretto
You can choose your preferred method of installation:
bower install ng-photoswipe --save
npm install ng-photoswipe --save
Inject ngPhotoswipe
module in your application with:
angular
.module('myApp', ['ngPhotoswipe'])
and use the directive as below:
<div ng-photoswipe
slides="slides"
slide-selector=".my-awesome-thumbnail"
open="isOpen"
on-close="onGalleryClose()"
template="'./myGallery.template.html'"
options="opts"></div>
where slides
is an object defining the images, and the slideSelector
is a valid selector to query the gallery images.
The open
attribute is a scope boolean that start the gallery when truthy.
The on-close
callback will be called after the gallery closes, not surprising.
You can also provide your own template
that will override the default one.
(For further infos follow the Official docs)