Willkommen, Gast ( Anmelden | Registrierung )     [ Hilfe | Mitglieder | Suche ]

 
Reply to this topicStart new topic
> Barrierefreier JS-Ticker
MaZderMind
Beitrag Tue. 5. December 2006, 14:50
Beitrag #1


Advanced Member
********

Gruppe: AdvancedMembers
Beiträge: 680
Mitglied seit: 09.08.2006
Wohnort: nähe Mainz
Mitglieds-Nr.: 182



Hi
Ich hab vor einiger Zeit mal den code zu einem (nahezu) barrierefreien ticker bekommen. Leider existiert die Seite nichtmehr. also hab ich aus dem was ich noch wusste elbst eine JS-Klasse geschrieben die alles übernimmt.
Die Tecker werden als einfache ungeordnete Listen angelegt und mit ein wenig JS und CSS zu einerm Ticker verarbeitet. Es können verschiedene eigenschaften festgelegt werden. Einige beispiele findet ihr hier: http://3easysteps.de/.peter/ticker/ticker.html

Es steht jedem Frei das nach eigenem ermessen anzupassen (Laufrichtung umkehren, alle Elemente auf einmal bewegen, mehrfaches stehenbleiben, ...)

Gruß, Peter
Go to the top of the page
 
+Quote Post
tobaco
Beitrag Tue. 5. December 2006, 15:07
Beitrag #2


Advanced Member
*****

Gruppe: AdvancedMembers
Beiträge: 185
Mitglied seit: 03.07.2006
Mitglieds-Nr.: 80



schön gemacht!

ich hab letztens was ähnliches mit jQuery gemacht. allerdings mit überblenden. macht sich auch gut für slideshows oder so.

Erklärung
http://medienfreunde.com/deutsch/weblog/au...is.html?nid=162

Beispielseite
http://medienfreunde.com/lab/innerfade/
Go to the top of the page
 
+Quote Post
pawel
Beitrag Tue. 5. December 2006, 20:26
Beitrag #3


Advanced Member
*******

Gruppe: AdvancedMembers
Beiträge: 442
Mitglied seit: 02.07.2006
Wohnort: Halle
Mitglieds-Nr.: 71



Na ja barrierefrei ist die zweite Variante m:E. nicht. Coole Idee MaZderMind (war das nicht so eine tchechische Seite?). Standardmäßig sollte allerdings alles ruhen und so eine Art "Anschalter" verfügbar sein.


--------------------
Go to the top of the page
 
+Quote Post
MaZderMind
Beitrag Tue. 5. December 2006, 21:10
Beitrag #4


Advanced Member
********

Gruppe: AdvancedMembers
Beiträge: 680
Mitglied seit: 09.08.2006
Wohnort: nähe Mainz
Mitglieds-Nr.: 182



Na das lässt sich alles relativ einfach machen.. aber ich wusste nicht wie ich das alles in den klassen unterbringen sollte.. auch sowas wie richtungsumkehr wäre klasse. Dann sollte das JS mit den CSS-Klassen was machen, sodass man einen Non-JS-Stil definieren kann.

Der An/Ausschalter ist doch verfügbar? t.start() startet den ticker und t.stop() stopt ihn. Wenn du das t.start aus dem Code innerhalb der HTML-Seite rausnimmst startet er nicht mehr automatisch smile.gif

Gruß, Peter
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 29.4.24 - 09:15

Sefrengo ist ein eingetragenes Markenzeichen und urheberrechtlich geschützt.
Copyright 2009 Design & Daten, Alle Rechte vorbehalten.