Pagina principala » Setul de instrumente » Creați Caruselile jQuery bogate în caracteristici cu Slick

    Creați Caruselile jQuery bogate în caracteristici cu Slick

    Nu multe cartiere biblioteci pot concura cu șmecher. Este cel mai joy-packed jQuery plugin pentru construirea caruselilor dinamice pe internet.

    Este complet gratuit și construit pe partea de sus a jQuery. Codul este foarte ușor de configurat, deși este necesită câteva dependențe. Dar cu atât de multă funcționalitate, merită să adăugăm bibliotecile suplimentare pentru a obține acest lucru.

    La instalați Slick, puteți vizita repo GitHub și puteți descărca o copie. Ea vine cu două fișiere CSS: una pentru configurarea de bază și altul pentru implicită temă Slick. Puteți combina cu ușurință aceste fișiere în foaia dvs. de stil CSS primară dacă doriți să economisiți spațiu.

    Atunci ai nevoie două dependențe jQuery: biblioteca primară jQuery impreuna cu jQuery Migrate. Slick necesită a minim de jQuery 1.7+ care nu ar trebui să fie o problemă pentru un mediu modern de dezvoltare.

    De aici, adăugați doar Slick.js fișier și lăsați-l să meargă. Prezentările de diapozitive pot fi create cu foarte puține coduri și aici este a eșantion direct de pe site-ul Web Slick:

     
    conținutul dvs.
    conținutul dvs.
    conținutul dvs.

    Cu un simplu

    container, poți adăugați diapozitive dinamic, inclusiv imagini, conținut HTML și medii încorporate cum ar fi videoclipuri. Slick acceptă totul cu un design complet receptiv care păstrează raporturile de aspect intacte.

    Slick vine cu zeci de caracteristici extraordinare, inclusiv glisați funcționalitatea pe mobil și dot navigație. De asemenea, puteți configura Redare automata, animație personalizată, comenzi rapide personalizate, și multe altele.

    Această bibliotecă este o bestie completă pentru crearea de caruseluri rotative. Și puteți face totul cu asta câteva linii simple de jQuery ceea ce face acest lucru și mai incredibil.

    La vizualizați toate demo-urile și incepe, verificați pagina de pornire Slick. Puteți găsi, de asemenea tot codul sursă și documentația completă pentru setări / opțiuni în repo GitHub.