flickity fade

Flickity verblasst

Überblendung zwischen Flickity-Folien

Installieren

Fügen Sie flickity-fade.css zu Ihren Stylesheets und flickity-fade.js zu Ihren Skripten hinzu.

Herunterladen

• 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 >

Paketmanager

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

Verwendung

Aktivieren Sie das Fade-Verhalten, indem Sie fade: true in den Flickity-Optionen festlegen.

 // 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 >

Webpack

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

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

---

Dieses Feature verbrachte vier Jahre im Fegefeuer der Feature-Requests. Niemals aufgeben.

Von Metafizzy ??