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:
- Through bower:
bower install ng-photoswipe --save
- Through npm:
npm install ng-photoswipe --save
- Download from github: angular-photoswipe.min.js
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)
- Fix overridden opts
- Animation support for multiple galleries
- Fix start animation
- Add ngTemplates grunt task
- Fix npm package version
- Add custom event to manually start Photoswipe
- Better demo
- Better grunt build
- Add template attribute to override the default html template
- Fix DI bug due to undefined controller
- Improve jshint rules
- Update bower configuration
- Move link definition inside directive block
- Update demoApp
- Better code style
- Add JP's jshint
- External template compilation
- Add directive template
- Add ngPhotoswipeProvider