Recent, am fost însărcinată cu proiectarea unui design în care au fost afișate câte trei glisante pe pagina principală, toate având un design complet diferit al butoanelor "Forward" și "Back". Firește, nu am vrut să caut trei scenarii diferite. După ce am căutat un pic pe Internet, am găsit un script aproape perfect pentru această sarcină: acest jQuery carouFredSel 6.2.1
Acest script vă permite să organizați atât un cursor tradițional, cât și un traseu vesel. O altă particularitate, pe care am găsit-o deosebit de utilă, este că acest script nu-și impune propriul control asupra dezvoltatorului. Dimpotrivă, îl puteți întreba ce elemente ale aspectului dvs. vor fi folosite pentru a schimba diapozitivele.
Site-ul este o documentație destul de extinsă. Scenariul are un număr mic de bază și un număr mare de setări suplimentare. Folosirea scenariului este destul de tradițională. Mai întâi trebuie să conectați jQuery și acest script:
De asemenea, aspectul de bază este puțin probabil să vă surprindă dacă ați tratat deja glisoarele:
În locul imaginilor, puteți utiliza și codul html, așa cum se arată în pagina de pornire a documentației:
Setările principale ale scriptului sunt următoarele:
Dintre numeroșii parametri adiționali, m-am interesat de parametrul auto, care permite dezactivarea sau activarea derulării automate a cadrelor. Ei bine, și cel mai delicios este de peste - parametrii prev și următorul. În ele puteți seta cu ușurință acele elemente pe care doriți să le utilizați ca defilare. Ele pot fi localizate oriunde - însă prin setarea acestui parametru, determinați automat acțiunea scrollerului făcând clic pe ele. Parametrul elemente specifică numărul de elemente afișate simultan ale caruselului. Pentru demonstrație, vă voi da un fragment simplificat din structura mea:
Articole similare
Trimiteți-le prietenilor: