flickity fade

플릭티 페이드

Flickity 슬라이드 간 페이드

설치하다

스타일시트에 flickity-fade.css 추가하고 스크립트에 flickity-fade.js 추가하세요.

다운로드

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

패키지 관리자

• npm: npm install flickity-fade
• 원사: yarn add flickity-fade

용법

Flickity 옵션에서 fade: true 설정하여 페이드 동작을 활성화합니다.

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

웹팩

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

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

---

이 기능은 기능 요청의 연옥에서 4년을 보냈습니다. 절대 포기하지 마세요.

작성자: Metafizzy ??