Bildergalerie: animierte Filmstreifen Ansicht

[R300]

Hallo,

Ich habe sowas hier (um)gebastelt, bin aber wieder damit unzufrieden.
http://test.gadeco.de/test.html

Ich hätte es gerne so, dass die Bilder sich nicht hin und her bewegen sondern nur in eine Richtung und am Ende dann wieder das erste Bild an das letzte angehängt wird und das ganze von Vorne anfängt.

Weiß jemand wie man sowas machen kann?

[rotalever]

Angenommen du hast imgcnt Bilder und jedes Bild ist width pixel Breit. Dein Viewport hat die Breite vwidth pixel. v ist die Geschwindigkeit mit der sich die Bilder bewegen sollen (v=Anzahl Pixel pro Bewegungsschritt, also alle X ms).
Zu Beginn hat jedes deiner Bilder in einem Array der größe imgcnt eine Position als Integer gespeichert.
Das ganze läuft dann so für jeden Animationsschritt

for (i=0; i < imgcnt; i++)
{
// Bilder position aktualisieren
imgarray[i] += v;
if (imgarray[i] > width*imgcnt)
{
imgarray[i] -= width*imgcnt;
}
//Bild zeichnen, je nach Position halt nur einen Ausschnitt
}

Das ganze muss dann natürlich in Javascript geschrieben werden..