الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

تتلاشى التقلبات

تتلاشى بين شرائح 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

الاستخدام

قم بتمكين سلوك التلاشي من خلال ضبط 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 ,
} ) ;

أمضت هذه الميزة أربع سنوات في مطهر طلب الميزة. لا تيأس أبدا.

بواسطة ميتافيزي؟؟

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل