Astăzi vreau să împărtășesc experiența utilizării jQuery plug-in jCarousel Lite. Poate fi util dacă trebuie să faceți un carusel de bunuri pentru un magazin online, o galerie de miniaturi sau pur și simplu pentru a afișa fotografii.
Firește, pentru ca pluginul să funcționeze, trebuie să conectați biblioteca jQuery, îl puteți descărca aici.
jCarousel Lite însuși.
După încărcare, adăugați jCarousel Lite:
și dacă jQuery nu este conectat:
trebuie să adăugați aceste și alte script-uri similare în antetul paginii, puteți, de asemenea, în corpul documentului, dar este mai bine să titluți - astfel încât acestea să fie executate mai întâi.
Apoi, în locul potrivit al paginii noastre, adăugăm blocul cu imagini
și un pic mai sus de bloc cu imagini funcția de apel cod jCarouselLite
Aici se configurează modulul plug-in carusel. Codul conținut în jCarouselLite (<…>) sunt parametrii pluginului.
Implicit, caruselul este derulat cu butoanele "stânga" și "dreapta"
Dacă aveți nevoie să derulați mai multe imagini, adăugați
în plug-in după
Nu uitați să adăugați o virgulă după acest parametru.
Puteți seta auto-derularea dacă schimbați setările
Alți parametri plugin:
Mai multe exemple pot fi găsite pe site-ul dezvoltatorului plug-in-ului jCarouselLite.
Am folosit acest plug-in pentru a crea un carusel de bunuri în magazinul online de ventilatoare "Fresh Air"
Adăugarea funcționale, și am făcut, de asemenea, aspectul;).