Fade between Flickity slides
npm install flickity-fade_Fade between Flickity slides_
Add flickity-fade.css to you stylesheets and flickity-fade.js to your scripts.
+ flickity-fade.css
+ flickity-fade.js
`` html
`
+ npm: npm install flickity-fadeyarn add flickity-fade
+ Yarn:
Enable fade behavior by setting fade: true in Flickity options.
` js`
// jQuery
let $carousel = $('.carousel').flickity({
fade: true,
});
` js`
// vanilla JS
let flkty = new Flickity( '.carousel', {
fade: true,
});
` html`
...
` js
const Flickity = require('flickity');
require('flickity-fade');
let flkty = new Flickity( '.carousel', {
fade: true,
});
``
---
This feature spent four years in feature-request purgatory. _Never give up._
By Metafizzy 🌈🐻