flickity fade

ความวูบวาบจางลง

จางหายไประหว่างสไลด์ Flickity

ติดตั้ง

เพิ่ม flickity-fade.css ให้กับสไตล์ชีตของคุณ และ flickity-fade.js ลงในสคริปต์ของคุณ

ดาวน์โหลด

• สะบัด-fade.css
• flickity-fade.js

ซีดีเอ็น

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

การใช้งาน

เปิดใช้งานลักษณะการซีดจางโดยการตั้งค่า fade: true ในตัวเลือก 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 >

เว็บแพ็ค

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

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

---

คุณลักษณะนี้ใช้เวลาสี่ปีในการร้องขอคุณลักษณะนรก ไม่เคยยอมแพ้

By เมต้าฟิซซี่ ??