flickity fade

Fondu scintillant

Fondu entre les diapositives Flickity

Installer

Ajoutez flickity-fade.css à vos feuilles de style et flickity-fade.js à vos scripts.

Télécharger

• flickity-fade.css
• flickity-fade.js

CDN

 <!-- CSS -->
< link rel =" stylesheet " href =" https://unpkg.com/flickity-fade@2/flickity-fade.css " >

<!-- JS -->
< script src =" https://unpkg.com/flickity-fade@2/flickity-fade.js " > </ script >

Gestionnaires de paquets

• npm : npm install flickity-fade
• Fil : yarn add flickity-fade

Usage

Activez le comportement de fondu en définissant fade: true dans les options de Flickity.

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

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

 <!-- HTML -->
< div class =" carousel " data-flickity =' { "fade": true } ' >
  ...
</ div >

Pack Web

 const Flickity = require ( 'flickity' ) ;
require ( 'flickity-fade' ) ;

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

---

Cette fonctionnalité a passé quatre ans au purgatoire des demandes de fonctionnalités. Ne jamais abandonner.

Par Metafizzy ??