[Schwenni1972]

Komische Headline aber ist schwer zu beschreiben wo mein Problem liegt.

Ich habe also auf meine Seite ein Container (Div1) mit 360px Breite und 203px Höhe.
In diesem Container habe ich einen weitern (Div2) wo mein Link plaziert ist - der den Bilderwechsel / Bildverschiebung veranlassen soll.

Ich hab 7-8 Bilder von gleicher Größe (auch 360 * 203) welche also mittels klick auf den Link durchgewechselt werden sollen.

Im Moment hab ich 2 Ansätze.

1.) Bild1 als Hintergrundbild von Container (Div1) per CSS hinterlegen um dann mittels JS per klick auf den Link das Hintergrundbild zu ändern. Ist das möglich?

oder 2.) Ich mach aus allen Bildern 1 Bild (nebeneinander) - definiere es als Hintergrundbild im Div1 und lege dann per JS nach klick auf den Link die X Position des Hintergrundbildes neu? (also bei jedem klick auf den Link +360px, und wenn der Wert >= der Max Länge des Bildes - dann wieder bei 0 anfangen.

Ist da was möglich, leider hab ich mit JS nichts am Hut und vielleicht kann mir ja hier jemand helfen?


PS: oder wie wäre den ein Bildwechsel von mehreren Bildern möglich? Also ich habe 10 Bilder und will durch ein klick auf das jeweils angezeigte das nächste sehen und beim 10. dann wieder das 1. ?

[choise]

ich würde auf eines der 1000 slideshow scripts zurückgreifen die es im netz gibt, viele davon haben auch vor und zurück buttons. außerdem haben die zudem noch schöne übergänge parat.

ich nutze zb oft: http://nivo.dev7studios.com/