„jQuery“ „jCarousel“ scenarijus

• Gegužė 2, 2024

„jQuery“ palengvino vaizdų pridėjimą prie svetainių. Yra daug „jQuery“ scenarijų, išleistų pagal MIT ir (arba) GPL licencijas. Daugelis iš jų yra „plug-and-play“ (plug-in) scenarijai, kuriems nereikia jokių programavimo žinių, kad būtų galima naudoti jūsų svetainėje arba įdiegti jūsų kliento svetainėje. Galbūt norėsite apsvarstyti galimybę įtraukti „jQuery“ scenarijus į savo projektavimo paslaugas.

Vienas tokių Jano Sorgallos „jQuery“ scenarijų yra „jCarousel“. Šis papildinys gali turėti daug programų tiek grafikai, tiek tekstui. Pagrindinė scenarijaus funkcija yra slinkti turiniu horizontaliai arba vertikaliai. Turinys gali būti statinis arba dinamiškai įkeltas naudojant „Ajax“, „JavaScript“, PHP ar „Flickr“. Žinoma, norint pasirinkti antrą variantą reikia mokėti šias kalbas. „jCarousel“ taip pat veikia su „Thickbox 3“, kad didelio dydžio vaizdas atsidarytų į „Thickbox“, kai miniatiūra spustelėjama karuselėje.

Didžioji dalis scenarijaus kodo nurodoma tinklalapio skiltyje „Head“. Jums reikės „jQuery“ bibliotekos ir „jCarousel“ šaltinio kodo bei stiliaus lentelių failų. Tai, kas malonu dėl šio papildinio, yra tai, kad CSS gali jį „nugirsti“, kad turėtų daug išvaizdos. Turinys, kurį reikia skenuoti pagal scenarijų, įdedamas į tinklalapio pagrindinį UL sąrašą.

Turite keletą scenarijaus konfigūravimo parinkčių, įskaitant pridėtą tinkintą animaciją ir palengvinimą. Jis gali veikti automatiškai slenkant arba naršymo mygtukais. Kita graži savybė yra tai, kad karuselės plotis automatiškai keičiamas, kad tilptų į naršyklės langą. Tai gali būti sukonfigūruota rodyti daugiau ar mažiau vaizdų, atsižvelgiant į naršyklės dydį, arba sukonfigūruota, kad būtų nustatytas vaizdų skaičius su lanksčia tarpais tarp vaizdų, jei reikia. Puslapyje galite turėti daugiau nei vieną karuselę ir suteikti kiekvienai iš jų skirtingą odą.

Integracija su „Flickr“ nuotraukų srautu ir „Flickr API“ yra puiki savybė, kurios nematyti daugumoje scenarijų. Buvo išbandyta, kad ji veikia keliose naršyklėse, įskaitant žinomą „Internet Explorer 6“.

Galbūt klausiate savęs, kodėl naudosite tai vietoj paprastos gif animacijos, kurią galite sukurti „Photoshop“. Pagrindinė priežastis yra lengva atnaujinti karuselę, kai ji bus įdiegta. Lengviau perjungti turinį UL sąraše, nei sukurti naują gifą kiekvieną kartą, kai reikia pateikti skirtingą vaizdų rinkinį.

//sorgalla.com/projects/jcarousel/