JS-Slider mit gutem Fallback?

[Nina]

Kennt hier jemand ein JS-Slider Script, das ein gutes Fallback hat, so dass der Slider-Inhalt bei deaktiviertem Javascript komplett sichtbar ist?
Es muss gar nicht unbedingt MooTools sein, da ich es momentan für eine statische Seite ohne TL benötige.

Falls es das natürlich für MooTools und TL-kompatibel gibt, ist es umso netter

[SunBlack]

Meinst du soetwas wie hier links?

[FloB]

Hast du Mootools Forge mal durchsucht? Da bin ich letztens über ein paar gestolpert, aber ich hab die mir nicht weiter angeschaut.

[Nina]

Nein, ich meine sowas wie hier die blaue Box (slidet von selbst bzw. über die Vorwärts/Rückwärts-Links drunter; dass auch noch die Karteireiter gehen ist nett, muss aber nicht sein). Das ist natürlich ein Script mit schon sehr vielen Features (gefällt mir daher optisch gut), aber ich suche nach etwas ähnlichem, das auch den Ausfall von Javascript "überlebt"*.

* Wenn kein JS da ist, muss der ganze Inhalt des Sliders irgendwie sinnvoll weiterhin verfügbar sein (natürlich dann ohne Slide-Effekt).

Ich kenne inzwischen wirklich viele solcher Contentslider, aber irgendwie bekommt es keiner hin, dass der Inhalt ohne JS erhalten bleibt.

[Seitengestalter]

Hallo Nina,

vielleicht gefällt Dir ja dieser hier. Zumindest ist der Content auch ohne Javascript zu sehen ...

Roland

[Nina]

Hm, zumindest ist der Content da, aber wirklich sichtbar (zumindest einfach sichtbar) ist er für den Durchschnittsnutzer nicht.

Ich stelle mir im Grunde vor, dass die angezeigten Inhaltsboxen des Sliders bei inaktivem Javascript dann einfach alle untereinander stehen. Für weitere Links wäre ich dankbar. Natürlich schau ich selbst auch weiterhin

[FloB]

Setz doch einfach die umgebende Box per CSS auf height:auto sowie per JS dann die Höhe wieder passend für die Box .

[Toflar]

Jo hätte ich auch so gemacht. Die non-javascript.css einbinden und dann mittels Javascript die javascript.css einbinden, die die non-javascript Angaben überschreibt. Falls nun Javascript deaktiviert ist, wird einfach nur die non-javascript.css geladen ohne überschrieben zu werden...

[MacKP]

Hallo Nina,
direkt helfen kann ich da zwar nicht... aber ich kann dir eventuell eine Anregung geben -> http://www.yaml.de/fileadmin/example...ible_tabs.html
Da wurde eine Methode entwickelt Accessible Tabs zu erstellen.
Da könnte man sich sicher ein wenig Code abschauen und das JavaScript dann so anpassen, das ein Slider entsteht.

Viele Grüße

[FloydThreepwood]

Hier gibts bestimmt was: http://www.bitrepository.com/carousels.html

Diese Carousels setzen sowieso immer auf einen recht simplen Trick, je nachdem wie man den Overflow-Bereich im CSS deffiniert kann man dann machen was man will.

Eingesetzt habe ich schonmal einen Mod von http://jqueryfordesigners.com/demo/i...-carousel.html einfach aber stabil.

[Nina]

Danke für die ganzen Hinweise. Sobald ich aus München zurück bin, vergrabe ich mich darin. Wenn ich eine nette Lösung zusammen "gezimmert" habe, stelle ich sie hier gerne vor.

[FloydThreepwood]

Ist zwar auch in der Liste aber die Tutorials bei Yahoo sind ja nie die übersichtlichsten...

YUI ist ja nun eine der besten Bibliotheken wenn es um Barierefreiheit geht, deshalb hier mal ein Beispiel mit Animation: http://developer.yahoo.com/yui/examp...xt_source.html

Wenn du Frameworktechnisch nicht eingeschränkt bis ist das vermutlich die schnellste Möglichkeit ohne viel zu programmieren.

[Nina]

Das sieht wirklich ganz gut aus. Da ich es wie gesagt nur für ne statische Seite nutze, ist mir das Framework egal

[Seitengestalter]

Falls es noch aktuell ist: A JavaScript Content Switcher That Works Without JavaScript.

Gruß, Roland

[Nina]

Danke für den Link, das kannte ich noch nicht