Flickity hash

_Select Flickity slides with links_

Features

+ Connect hash links to select Flickity slides. View cell 2
+ Use URLs for slides: https://example.com/#cell2
+ Change page hash to match selected slide.

Install

Add hash.js to your scripts.

$3

+ hash.js

$3

`` html

`

$3

npm: npm install flickity-hash

Yarn: yarn add flickity-hash

Usage

Enable hash behavior by setting hash: true in Flickity options.

` js
// jQuery
let $carousel = $('.carousel').flickity({
hash: true,
});
`

` js
// vanilla JS
let flkty = new Flickity( '.carousel', {
hash: true,
});
`

` html



Add id attributes to cell elements.

` html


` html
View cell 2
`

$3

` js
const Flickity = require('flickity');
require('flickity-hash');

let flkty = new Flickity( '.carousel', {
hash: true,
});
``

---

By Metafizzy 🌈🐻