20.04.2007
Javascript DOM Linktipp: Slideshow-Tutorial
Barierrarmes Javascript verwendet einen einfachen Trick um Dinge ein- und auszublenden. Wenn im Stylesheet eine Klasse definiert ist, die in der HTML-Seite nicht existiert stört das nicht weiter. Also formatiert man zunächst eine Liste so wie diese ohne Javascript erscheinen soll. Dann ergänzt man diesen Elementen via Javascript eine eigene Klasse und definiert mit dieser erweiterten Klasse die Elemente in der Seite im selben Stylesheet schlicht nocheinmal neu, positioniert diese neu, blendet sie aus und andere ein und kann diese Elemente per Eventhandler bewegen oder anzeigen, umfärben und anderes mehr.
Ein Tutorial wie das konkret aussieht anhand einer Galerie fand ich hier: A detailed explanation how to create a maintainable dynamic slide show in JavaScript
Sehr wertvoller Linktipp für alle, die wie ich Javascript noch nicht 100% beherrschen und diese wenn überhaupt barrierarm einbinden wollen, für alle, die dieses hohe Level von Javascript erreichen wollen und für alle die Scripts anbieten möchten für Personen, die dieses Script einsetzen sollen ohne sich wirklich mit Javascript auszukennen.
Danke schon an Christian Heilman. Sein Buch ist mit Sicherheit auch eine gute Anschaffung. Ich jedenfalls gönne mir diese Buch nun.
Filed under: Programmierung
No Comments