Flickity asNavFor

Enables asNavFor option for Flickity, where one gallery is navigation or another.

+ Clicking the nav gallery will select the content gallery
+ Selecting the content gallery will sync to the nav gallery

`` html


` js
// options
asNavFor: '.gallery-a'
// set as a selector string

asNavFor: document.querySelector('.gallery-a')
// set as an element
`

Install

Add as-nav-for.js to your scripts, after including Flickity.

$3

+ as-nav-for.js

$3

` html

`

$3

npm: npm install flickity-as-nav-for

Yarn: yarn add flickity-as-nav-for

Usage

$3

` js
$('.gallery-a').flickity();
$('.gallery-b').flickity({
asNavFor: '.gallery-a'
});
`

$3

` js
var flktyA = new Flickity('.gallery-a');
var flktyB = new Flickity( '.gallery-b', {
asNavFor: '.gallery-a'
});
`

$3

` html


Bower: bower install flickity-as-nav-for --save

npm: npm install flickity-as-nav-for

$3

` js
const Flickity = require('flickity');
require('flickity-as-nav-for');

var flktyA = new Flickity('.gallery-a');
var flktyB = new Flickity( '.gallery-b', {
asNavFor: '.gallery-a'
});
``

---

MIT license

By Metafizzy