jQuery jCarousel Script

• Maj 5, 2024

jQuery har gjort att lägga till bilder på webbplatser till en enkel uppgift. Det finns många jQuery-skript släppta under MIT- och / eller GPL-licensen. De flesta av dessa är plug-and-play (plug in) -skript som inte kräver någon programmeringskunskap för att använda på din webbplats eller installera på din klients webbplats. Du kanske vill överväga att lägga till jQuery-skript till dina designtjänster.

Ett sådant jQuery-skript av Jan Sorgalla är jCarousel. Denna plugin kan ha många applikationer för både grafik och text. Skriptets huvudfunktion är att bläddra innehåll horisontellt eller vertikalt. Innehållet kan vara statiskt eller laddas dynamiskt via Ajax, JavaScript, PHP eller Flickr. Naturligtvis kräver detta andra alternativ kunskap om dessa språk. jCarousel fungerar också med Thickbox 3 så att en stor bild öppnas i Thickbox när miniatyrbilden klickas i karusellen.

Det mesta av koden för skriptet hänvisas till i huvudavsnittet på webbsidan. Du behöver jQuery-biblioteket och jCarousel-källkoden och formatmallen. Det som är trevligt med det här plug-in är att det kan "flåsas" av CSS för att få många utseende. Innehållet som ska rullas av skriptet placeras i webbsidan i en grundläggande UL-lista.

Du har flera alternativ för att konfigurera skriptet, inklusive lägg till anpassad animation och lättnad. Det kan fungera med automatisk rullning eller navigeringsknappar. En annan trevlig funktion är att bredden på karusellen ändras automatiskt för att passa webbläsarfönstret. Det kan konfigureras för att visa mer eller mindre bilder beroende på webbläsarstorlek eller konfigureras för att ha ett bestämt antal bilder med flexibelt avstånd mellan bilderna efter behov. Du kan ha mer än en karusell på en sida och ge var och en av dem en annan hud.

Integrationen med Flickr-fotoströmmen och Flickr API är en fin funktion som inte ses i de flesta skript. Det har testats för att fungera i flera webbläsare inklusive den ökända Internet Explorer 6.

Du kanske frågar dig själv varför du skulle använda den här istället för en enkel gif-animering som du kan skapa i Photoshop. Det främsta skälet är att det är enkelt att uppdatera karusellen när den har installerats. Det är lättare att växla innehåll i UL-listan än att skapa en ny gif varje gång du behöver ha en annan uppsättning bilder.

//sorgalla.com/projects/jcarousel/

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