Angular PhotoSwipe

AngularJS directive for PhotoSwipe.

Copyright © 2016, Massimiliano Sartoretto

Find me on:

Installation

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

Usage

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)

Changelog

v0.1.1 (May 12, 2016)

• Fix overridden opts

v0.1.0 (May 05, 2016)

• Animation support for multiple galleries
• Fix start animation

v0.0.9 (Feb 15, 2016)

• Add ngTemplates grunt task
• Fix npm package version

v0.0.8 (Dec 28, 2015)

• Add custom event to manually start Photoswipe
• Better demo

v0.0.7 (Dec 18, 2015)

• Better grunt build
• Add template attribute to override the default html template

v0.0.6 (Dec 11, 2015)

• Fix DI bug due to undefined controller
• Improve jshint rules

v0.0.5 (Dec 08, 2015)

• Update bower configuration

v0.0.4 (Aug 29, 2015)

• Move link definition inside directive block

v0.0.3 (Aug 27, 2015)

• Update demoApp
• Better code style

v0.0.2 (Aug 27, 2015)

• Add JP's jshint
• External template compilation

v0.0.1 (Aug 26, 2015)

• Add directive template
• Add ngPhotoswipeProvider