Schlagwort: jQuery

3D-Carousel, CoverFlow

Mir gefallen viele CoverFlow-Elemente auf Websites. Ich habe ein paar Javascript-Scripte gesammelt. Oft ein Javascript-Framework, z.B. jQuery, mootools, eingesetzt. Folgende Scripte kamen in meine engere Auswahl:

Die Alternativen unterscheiden sich u.a. in der Darstellung und der Lizenzierung. Ich habe mich für Cloud Carousel entscheiden, einem jQuery-Plugin. Letzte Woche aber ich das Plugin für die Gemeindebriefe eingebaut. Screenshot:

Auf der Webseite kann man – mit aktivierten Javascript – die Animation begutachten. Interessant finde ich, dass viele Browser das HTML5-Canvas-Element (Spiegelung der Elemente) darstellen können. Im Vergleich zu ähnlichen Flash-Elementen ist die Animation noch nicht ganz so „rund“. Das Cloud Carousel ist in eine TYPO3-Extension integriert und lässt sich per Typoscript konfigurieren. So konnte ich bereits die Darstellung für das iPhone anpassen.

Die Qual der Galerie-Wahl

Für das CMS Typo3 gibt es bekanntlich viele Erweiterungen („Extensions“). Es ist vergleichsweise einfach, das Redaktionssystem um ein paar Funktionalitäten zu erweitern. Das hat allerdings zur Folge, dass fast Unmengen von Extensions existieren, die gleiche oder ähnliche Funktionen abdecken. So auch bei den Bilder-Gallerien.

Ich habe einige Extensions getestet. Viele Erweiterungen basieren auf bestimmte Javascript-Bibliotheken, so dass einige Extensions zueinander inkompatibel sind.  D.h. nicht alle Foto-Extensions funktionieren auf allen Typo3-Auftritten. U.a. ist die Verwendung abhängig, ob man die Extension dam verwendet.

Früher habe ich perfectlightbox bzw. kj_imagelightbox2 eingesetzt. Mittlerweile sind meine Favoriten dam_liteshow und rgsmoothgallery. Die beiden letzteren Photo-Shows bieten interessante Effekte und funktionieren zusammen mit dam und wenn zusätzlich jQuery verwendet wird. Für jQuery muss allerdings die Funktion jQuery.noConflict() aufgerufen werden.

Bei einigen anderen Extensions gab es Konflikte, die Installation bzw. Konfiguration war schwieriger oder die Effekte kamen nicht an die erwähnten Erweiterungen heran.