flickity fade

Desvanecimento da oscilação

Desaparecer entre os slides do Flickity

Instalar

Adicione flickity-fade.css às ​​suas folhas de estilo e flickity-fade.js aos seus scripts.

Download

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

Gerenciadores de pacotes

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

Uso

Habilite o comportamento de fade definindo fade: true nas opções 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 >

Webpack

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

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

---

Esse recurso passou quatro anos no purgatório de solicitações de recursos. Nunca desista.

Por Metafizzy ??