Submit your widget

Touch, responsive, flickable galleries with jQuery

Created 3 years ago   Views 68111   downloads 4710    Author metafizzy
Touch, responsive, flickable galleries with jQuery
View DemoDownload 80.2 KB
29
Share |

Quick start

Start using Flickity in three steps.

  1. Download Flickity flickity.css and flickity.pkgd.min.js files.

  2. Add the Flickity .css and .js files to your site.

    <link rel="stylesheet" href="/path/to/flickity.css" media="screen">
      <script src="/path/to/flickity.pkgd.min.js"></script>

Add js-flickity class to gallery elements.

<div class="gallery js-flickity">
  <div class="gallery-cell"></div>
  <div class="gallery-cell"></div>
  ...
</div>

Install

Download

CDN

Link directly to Flickity files on cdnjs.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flickity/1.1.1/flickity.css">
<!-- or -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flickity/1.1.1/flickity.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/1.1.1/flickity.pkgd.js"></script>
<!-- or -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/1.1.1/flickity.pkgd.min.js"></script>

Read more:http://flickity.metafizzy.co/

Tag: slideshow