JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 11
  • Score
    100M100P100Q44261F
  • License MIT

Ember-cli adaptation of the popular photoswipe js library

Package Exports

  • ember-cli-photoswipe

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ember-cli-photoswipe) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Ember-cli-photoswipe

This addon lets you implement Photoswipe on any ember-cli project by just including the addon. Usage is as follows:

{{photo-swipe gallery=myGallery options=psOpts items=items}}

Any property bound to gallery will become the actual gallery object. This is optional and used only when you want to interact with the photoswipe instance of your gallery.

Any photoswipe options can be passed to the options property of the component. For now the history module is disabled, otherwise it breaks Ember routing.

Finally, the items property is required and an array of objects should be passed to it. For example:

items = [
  {
    src: 'http://placekitten.com/g/600/400',
    w: 600,
    h: 400,
    title: 'whooa'
  }
]

More functionality is on the way, this is a work in progress. You can find photoswipe documentation here.

Ideally, I want to get it to the point where you can pass a block of images to the photo-swipe component and it will take care of animations - from thumbnail to gallery - and to automatically pick up the source, width, height and title if available.

Got any ideas? Please submit an issue and we can talk it out.

Installation

  • git clone this repository
  • npm install
  • bower install

Running

Running Tests

  • ember test
  • ember test --server

Building

  • ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.