jQuery jCarouseli skript

• Mai 2, 2024

jQuery on teinud piltide lisamise veebisaitidele lihtsaks ülesandeks. MIT- ja / või GPL-litsentside alusel on välja antud palju jQuery skripte. Enamik neist on plug-and-play (plug-in) skriptid, mis ei vaja teie veebisaidil kasutamiseks ega kliendi saidile installimiseks programmeerimisteadmisi. Võiksite kaaluda jQuery skriptide lisamist oma disainiteenustele.

Üks selline Jan Sorgalla kirjutatud jQuery skript on jCarousel. Sellel pistikprogrammil võib olla palju rakendusi nii graafika kui ka teksti jaoks. Skripti põhiülesanne on sisu kerimine horisontaalselt või vertikaalselt. Sisu võib olla staatiline või dünaamiliselt laaditud Ajaxi, JavaScripti, PHP või Flickri kaudu. Muidugi nõuab see teine ​​võimalus nende keelte tundmist. jCarousel töötab ka koos Thickbox 3-ga, nii et kui pisipildil karussellil klõpsatakse, avaneb Thickboxi suurusega pilt.

Suuremale osale skripti koodist viidatakse veebisaidi jaotises Pea. Teil on vaja jQuery teeki ning jCarouseli lähtekoodi ja stiililehe faile. Mis on selle pistikprogrammi juures kena, on see, et CSS võib selle palju välja nägema. Skripti abil keritav sisu paigutatakse veebisaidi põhiosa UL-loendisse.

Skripti konfigureerimiseks on mitu võimalust, sealhulgas kohandatud animatsiooni lisamine ja kergendamine. See võib toimida automaatse kerimise või navigeerimisnuppudega. Veel üks tore omadus on see, et karusseli laius muutub automaatselt brauseriakna mahutamiseks. Selle saab konfigureerida kuvama rohkem või vähem pilte sõltuvalt brauseri suurusest või seadistama nii, et sellel oleks kindlaksmääratud arv pilte koos paindliku vahekaugusega piltide vahel vastavalt vajadusele. Lehel võib olla rohkem kui üks karussell ja saate neist igaühele erineva naha.

Flickri fotovoo ja Flickri API-ga integreerimine on kena funktsioon, mida enamikus skriptides pole nähtud. See on testitud töötama mitmes brauseris, sealhulgas kurikuulsas Internet Explorer 6.

Võib-olla küsite endalt, miks kasutaksite seda Photoshopis loodava lihtsa gif-animatsiooni asemel. Peamine põhjus on karusseli värskendamise lihtsus pärast selle installimist. UL-i loendi sisu on lihtsam vahetada kui luua uus gif iga kord, kui peate kuvama erinevat piltide komplekti.

//sorgalla.com/projects/jcarousel/

Video Juhiseid: jQuery Tutorial #6 - Building a jQuery Image Slider (Mai 2024).