ANZEIGE

HTML5 powered by Microsoft – diese Kategorie wird präsentiert vom Internet Explorer 9

Welche Bedeutung Standards haben und was Microsoft damit zu tun hat, verraten wir Ihnen hier!

„ContentFlow“: Slideshows im „CoverFlow-Style” ganz ohne Flash

Spätestens mit HTML5, aber auch schon durch diverse Javascript-Techniken werden immer mehr Internetseiten mit bewegten Inhalten ausgestattet, die nicht auf Flash basieren. Eine der vielen Möglichkeiten ist die JavaScript Library ContentFlow, die auf einfache Art und Weise Slideshows darstellen kann.

Das Projekt kommt komplett ohne Prototyping aus und ist minified gerade einmal 42kb groß. Zu den herausragenden Features gehört wohl der an iTunes angelehnte Cover Flow. Allerdings ist ContentFlow nicht nur auf Bilder beschränkt, sondern kann beliebige Inhalte auf dem Firefox3, dem IE8, Safari4, Opera10, Chrome4 und sogar dem iPhone/iPod scrollen.

cover flow mit contentflow
Cover Flow mit ContentFlow

Auf Wunsch fügt das Skript dem Flow automatisch eine Reflexion hinzu und benutzt auch das Scrollrad der Maus. Im Gegensatz zu vielen anderen Skripten unterstützt CoverFlow auch das vertikale Scrollen und ist dazu in der Lage nach der Anzeige dynamisch neue Elemente aufzunehmen oder bestehende zu entfernen. Ferner kann eine grafische Scrollbar angezeigt werden. Die Funktionalität des unter der MIT License stehenden Skripts kann beliebig durch Addons erweitert werden.

Weitere Artikel zu JavaScript und HTML5

Das interessiert dich bestimmt auch

2 Answers

  1. von Heiko Stiegert 19.03.2010 (08:57Uhr) 1.

    Erinnert mich irgendwie an Image-Flow, mit dem Unterschied das Content-Flow auch ohne PHP funktioniert.

  2. von links for 2010-03-19 « just anothe… 20.03.2010 (00:01Uhr) 2.

    [...] Slideshows im „CoverFlow-Style” (t3n News) JavaScript Library ContentFlow, die auf einfache Art und Weise Slideshows darstellen kann. … kommt komplett ohne Prototyping aus und ist minified gerade einmal 42kb groß. Zu den herausragenden Features gehört wohl der an iTunes angelehnte Cover Flow. ContentFlow ist nicht auf Bilder beschränkt, sondern kann beliebige Inhalte auf dem Firefox3, dem IE8, Safari4, Opera10, Chrome4 und sogar dem iPhone/iPod scrollen. (tags: cfischercom) [...]

Deine Meinung


(wird nicht veröffentlicht)