jQuery jCarousel Script

• Maj 5, 2024

jQuery je dodajanje slik na spletna mesta enostavno opravilo. Obstaja veliko skriptov jQuery, izdanih pod licencami MIT in / ali GPL. Večinoma gre za skripte plug-and-play (plug in-play), ki ne zahtevajo nobenega znanja programiranja na vašem spletnem mestu ali namestitve na spletnem mestu stranke. Morda boste želeli razmisliti o dodajanju skript jQuery v svoje storitve oblikovanja.

En tak scenarij jQuery Jana Sorgalla je jCarousel. Ta vtičnik ima lahko veliko aplikacij za grafiko in besedilo. Glavna funkcija skripta je pomikanje vsebine vodoravno ali navpično. Vsebina je lahko statična ali naložena dinamično prek Ajax, JavaScript, PHP ali Flickr. Seveda ta druga možnost zahteva poznavanje teh jezikov. jCarousel deluje tudi s programom Thickbox 3, tako da se velika slika odpre v Thickbox, ko se na vrtilu klikne sličica.

Večina kode za skript je navedena v poglavju Head na spletni strani. Potrebovali boste knjižnico jQuery in izvorno kodo jCarousel ter datoteke s tabelo slogov. Kar je pri tem vtiču lepo, je to, da ga lahko CSS "preobleče", da ima veliko videza. Vsebina, ki jo je treba skriti po skriptu, je postavljena v telo spletne strani na osnovnem seznamu UL.

Na voljo imate več možnosti za konfiguracijo skripta, vključno z dodajanjem animacije po meri in sproščanjem. Lahko deluje s tipkami za samodejno drsenje ali navigacijo. Še ena lepa lastnost je, da se širina vrtilja samodejno spreminja, da se prilega oknu brskalnika. Lahko je konfiguriran tako, da prikazuje več ali manj slik, odvisno od velikosti brskalnika, ali pa ima nastavljeno število slik s prilagodljivim razmikom med slikami, če je potrebno. Na strani lahko imate več kot en vrtiljak in vsakemu od njih dodelite drugačno kožo.

Integracija s Flickr foto tokom in Flickr API je lepa lastnost, ki je ni mogoče opaziti v večini scenarijev. Preizkušeno je, da deluje v več brskalnikih, vključno z zloglasnim Internet Explorerjem 6.

Morda se boste vprašali, zakaj bi to uporabili namesto preproste animacije gif, ki jo lahko ustvarite v Photoshopu. Glavni razlog je enostavnost posodabljanja vrtiljaka, ko je nameščena. Vsebino na seznamu UL je lažje preklopiti kot ustvariti nov gif vsakič, ko morate prikazati drugačen nabor slik.

//sorgalla.com/projects/jcarousel/

Navodila Video: jQuery Tutorial #6 - Building a jQuery Image Slider (Maj 2024).