Package Exports

flickity
flickity/css/flickity.css

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 (flickity) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Flickity

Touch, responsive, flickable galleries

I'm making a carousel/slider/gallery library!

Usage

Flickity works with a container element and a set of child cell elements

<div class="gallery">
  <div class="cell">...</div>
  <div class="cell">...</div>
  <div class="cell">...</div>
  ...
</div>

var flky = new Flickity( '.gallery', {
  // options, defaults listed

  cellSelector: undefined,
  // specify selector for cell elements

  cursorPosition: 0.5,
  // decimal value 0 - 1, representing where cells should align to
  // 0 is beginning (left) of gallery, 1 is end (right)

  friction: 0.2,
  // smaller number = easier to flick farther

  pixelPositioning: false,
  // sets positioning in pixels, rather than percentages
  // may be better for more precise positioning

  resizeBound: true,
  // listens to window resize events to adjust size & positions

  targetPosition: 0.5,
  // decimal value 0 - 1, representing what part of cells should align to
  // 0 is beginning (left) of the cell, 1 is end (right)

  wrapAround: false
  // at end of cells, wraps-around to first for infinite scrolling

});

License

Flickity is currently in development, v0. It is licensed GPL v3. With v1, Flickity will be dual-licensed: GPL, and a commercial license that exempts GPL.