201030Jun

Tiny Carousel: Kompakte Slideshow als jQuery-Plugin

Wenn Bilder auf einer Website ansprechend präsentiert werden sollen, bieten sich verschiedene Lösungen an. Mit dem dualSlider oder dem Galleria-Plugin lassen sich erweiterte Slideshows mit jQuery realisieren. Möchte man Bilder in einer räumlichen Darstellung anordnen, bietet sich beispielsweise das Cloud Carousel an.
In manchen Fällen kann es jedoch auch gewünscht sein, ein möglichst einfaches Carousel oder eine Slideshow aufzubauen. Hierfür eignet sich etwa das Tiny Carousel von Maarten Baijs: Das 2,3 KB große jQuery-Plugin erfüllt seinen Zweck und bietet dabei noch verschiedene Anpassungsmöglichkeiten.

Tiny Carousel

So können Bilderreihen auch automatisch abgespielt werden und zudem kann ein Pager (Paginierung) eingeblendet werden, über den Bildelemente direkt ausgewählt werden können. Das Carousel-Skript ist einfach zu integrieren:

  • $("#element").tinycarousel();

Weitere Instruktionen finden sich wie gehabt auf der Website des jQuery-Plugins. Mit dem Skript lassen sich Bilder auch vertikal scrollen und eine Callback-Funktionalität ist ebenfalls vorhanden. Somit stellt Tiny Carousel eine kompakte Möglichkeit dar, Bilder auf einer Website zu integrieren.