Sukurkite gausų „JQuery“ karuselių su „Slick“

Nedaug karuselės bibliotekos gali konkuruoti Slidus. Tai labiausiai užstrigo jQuery įskiepis statyti dinaminius karuselius žiniatinklyje.

Tai visiškai nemokama ir pastatytas ant jQuery. Kodas yra labai lengva nustatyti, nors jis ir yra reikia kelių priklausomybių. Tačiau su tiek daug funkcionalumo, norint gauti šį darbą, verta pridėti papildomų bibliotekų.

Į įdiegti „Slick“, galite apsilankyti „GitHub“ repo ir atsisiųsti kopiją. Jis ateina su du CSS failai: vienas - pagrindinis nustatymas ir kitą - numatytoji „Slick“ tema. Jei norite taupyti erdvę, galite lengvai sujungti šiuos failus į pagrindinį CSS stilių lentelę.

Tada jums reikia dvi jQuery priklausomybės: pirminė jQuery biblioteka kartu su jQuery Perkelti. Slick reikalauja a mažiausiai jQuery 1.7+ kuri neturėtų būti šiuolaikinės plėtros aplinkos problema.

Iš čia tiesiog pridėkite Slick.js failą ir leiskite jam eiti. Skaidrės gali būti sukurtos labai mažai kodo ir čia yra a tiesioginis mėginys iš Slick svetainės:

 
 
savo turinį
 
savo turinį
 
savo turinį
 
  

Paprasta

konteinerį dinamiškai pridėti skaidres, įskaitant vaizdus, ​​HTML turinį ir įterptąsias laikmenas, pvz., vaizdo įrašus. „Slick“ visa tai palaiko visiškai reaguojantis kuris išlaiko aspektų santykius nepažeistus.

Slick yra su daugybe puikių funkcijų, įskaitant braukite funkcionalumu mobiliojo ryšio ir taškų navigacija. Taip pat galite nustatyti automatinis paleidimas, pritaikyta animacija, pasirinktiniai atšaukimai, ir dar daugiau.

Ši biblioteka yra pilnas žvėris sukant karuselius. Ir visa tai galite padaryti kelios paprastos jQuery linijos tai daro dar labiau neįtikėtiną.

Į peržiūrėti visus demo ir pradėti, patikrinkite Slick pagrindinį puslapį. Taip pat galite rasti visas šaltinio kodas ir išsamūs nustatymų / parinkčių dokumentai „GitHub“ repo.