Slideshow-Script funktionell umbauen

[Kropff]

Schau dir mal script.aculo.us/ an. Da ist vielleicht was für dich dabei. Außerdem sollte jQuery das auch können.

Peter

[wahsaga]

das wäre ganz gut: jCarousel Examples

Nur klappt da das Mouseover nicht.

Ich verstehe nicht, warum du beides brauchst - wenn es schon über Pfeile steuerbar ist, wozu dann noch mouseover zum "anhalten"?

Oder willst du nicht, dass die Pfeile jeweils nur ein Stückchen weit scrollen, sondern "endloses" Scrollen in die jeweilige Richtung anstossen?
Dann müsste man das mit dem "Pausieren" beim mouseover noch mit einbauen.
Bspw. per Flag, welches das setzen eines neuen Timeouts zunächst unterbindet, bzw. bei Nutzung eines Timer-Intervalls dafür sorgt, dass so lange einfach nichts gemacht wird.


So ein Script selber zu schreiben, ist eine gute Möglichkeit, mehr über das in solchen Fällen nötige Zusammenspiel zwischen JS und CSS, sowie den Umgang mit Timern zu lernen. Ausserdem bietet es eine gute Möglichkeit, sich mit OO zu beschäftigen - dann kann man das nämlich auch leicht so schreiben, dass theoretisch auch mehrere solche Slideshows auf einer Seite möglich sind, ohne sich in die Quere zu kommen.
Und auch, es "unobstrusive" zu realisieren - so, dass die Bilder schon im HTML-Dokument vorliegen, und wenn kein JS verfügbar ist, einfach als Liste angezeigt werden. Wenn JS verfügbar ist, dann baut das Script bei seiner Initialisierung wenn nötig das DOM entsprechend um.
Also ich würd' das derzeitige Script wegwerfen, und ein eigenes schreiben.
Erst mal überlegen welche CSS-Eigenschaften wie angewandt die gewünschte Optik erzeugen; und dann, wie man sie per JS zeitgesteuert verändert.