Izdelajte obogatene funkcije jQuery Carousels s funkcijo Slick

Ne veliko krožne knjižnice lahko konkurirajo Slick. To je najbolj napolnjen vtičnik jQuery za izgradnja dinamičnih vrtiljakov na spletu.

To je popolnoma brezplačno in zgrajena na vrhu jQuery. Koda je zelo preprosta za nastavitev, čeprav je zahtevajo nekaj odvisnosti. Ampak s tako veliko funkcionalnost, je vredno dodati dodatne knjižnice, da se to delo.

Za namestite Slick, lahko obiščete GitHub repo in prenesete kopijo. Prihaja z dve datoteki CSS: ena za osnovna nastavitev in drugo za privzeta izbrana tema. Te datoteke lahko preprosto združite v primarni slogovni CSS, če želite prihraniti prostor.

Potem pa potrebujete dve odvisnosti jQuery: osnovna knjižnica jQuery skupaj z jQuery Migriraj. Slick zahteva a najmanj jQuery 1.7+ to ne bi smelo biti problem za sodobno razvojno okolje.

Od tu dodajte Slick.js pustite in pustite. Diaprojekcije lahko ustvarite z zelo malo kode in tukaj je a neposredni vzorec s spletnega mesta Slick:

 
 
vsebino
 
vsebino
 
vsebino
 
  

S preprostim

posodo, lahko dinamično dodajanje diapozitivov, vključno s slikami, vsebino HTML in vdelanimi mediji, kot so videoposnetki. Slick podpira vse z a popolnoma odziven dizajn ki ohranja nepoškodovana razmerja.

Slick prihaja z več deset odličnimi funkcijami, vključno z povlecite na mobilnih in dot navigacija. Lahko tudi nastavite samodejno predvajanje, animacija po meri, poizvedbe po meri, in še veliko več.

Ta knjižnica je popolna zver ustvarjanje vrtljivih vrtiljakov. In to lahko storite z vsem nekaj preprostih linij jQuery zaradi česar je to še bolj neverjetno.

Za si oglejte vse predstavitve in začeti, Oglejte si domačo stran Slick. Najdete ga lahko tudi vse izvorne kode in popolno dokumentacijo za nastavitve / možnosti v repo GitHub.