jQuery jCarousel skripts

• Maijs 10, 2024

jQuery ir padarījis attēlu pievienošanu vietnēm vieglu uzdevumu. Ir daudz jQuery skriptu, kas izdoti saskaņā ar MIT un / vai GPL licencēm. Lielākā daļa no tiem ir plug-and-play (plug-in) skripti, kuriem nav vajadzīgas nekādas programmēšanas zināšanas, lai tos lietotu jūsu vietnē vai instalētu klienta vietnē. Jūs varētu vēlēties apsvērt jQuery skriptu pievienošanu dizaina pakalpojumiem.

Viens no šādiem JQuery skriptiem, ko izveidoja Jans Sorgalla, ir jCarousel. Šim spraudnim var būt daudz lietojumu gan grafikai, gan tekstam. Skripta galvenā funkcija ir ritināt saturu horizontāli vai vertikāli. Saturs var būt statisks vai dinamiski ielādēts, izmantojot Ajax, JavaScript, PHP vai Flickr. Protams, šim otrajam variantam nepieciešama šo valodu pārzināšana. jCarousel darbojas arī ar Thickbox 3, lai liela izmēra attēls tiktu atvērts Thickbox, kad uz sīktēla noklikšķina karuselī.

Lielākā daļa skripta koda ir norādīti tīmekļa lapas sadaļā Head. Jums būs nepieciešama jQuery bibliotēka un jCarousel avota kods un stila faili. Patīkami šajā spraudnī ir tas, ka CSS to var “novilkt”, lai būtu daudz izskatu. Ar skriptu ritināmais saturs tiek ievietots tīmekļa pamattekstā LU pamat sarakstā.

Jums ir vairākas skripta konfigurēšanas iespējas, ieskaitot pielāgotas animācijas pievienošanu un atvieglošanu. Tas var darboties ar automātisko ritināšanu vai navigācijas pogām. Vēl viena jauka īpašība ir tā, ka karuseļa platums tiek automātiski mainīts, lai tas ietilpinātu pārlūka logā. To var konfigurēt, lai parādītu vairāk vai mazāk attēlu atkarībā no pārlūka lieluma, vai arī konfigurēt, lai tajā būtu noteikts attēlu skaits ar elastīgu atstarpi starp attēliem pēc nepieciešamības. Lapā var būt vairāk nekā viens karuselis un katram no tiem piešķirt atšķirīgu ādu.

Integrācija ar Flickr foto straumi un Flickr API ir jauka funkcija, kas nav redzama lielākajā daļā skriptu. Tas ir pārbaudīts darbam vairākos pārlūkos, ieskaitot bēdīgi slaveno Internet Explorer 6.

Jūs, iespējams, vaicājat sev, kāpēc jūs to izmantotu, nevis vienkāršu gif animāciju, kuru varat izveidot Photoshop. Galvenais iemesls ir karuseļa atjaunināšanas ērtums pēc tās uzstādīšanas. Vieglāk ir pārslēgt saturu LU sarakstā, nekā izveidot jaunu gif katru reizi, kad jums ir jāattēlo atšķirīgs attēlu komplekts.

//sorgalla.com/projects/jcarousel/

Video Instrukcijas: jQuery Tutorial #6 - Building a jQuery Image Slider (Maijs 2024).