Coda-Slider 2.0: Text vor Bild - gleichzeitig scrollen

amn.ssy

Erfahrenes Mitglied
Hallo,

ich soll/will einem Bekannten, der noch weniger Ahnung von JS hat als ich :), beim Aufbau einer "kleinen" Internetseite behilflich sein.
Dabei hat zunächst die angewandte Silder-Technik der offiziellen LENA-Seite (http://www.lena-meyer-landrut.de/) sein Interesse geweckt (keine Ahnung ob's wirklich die Technik ist :D).
Letztlich soll's nun möglichst mit einem modifizierten Coda-Slider umgesetzt werden.
Die Idee dabei ist, hinter den jeweiligen Text ein Bild zu legen, wobei alle Bildteile, zusammen gesetzt, ein Panaoramabild ergeben.
Die Frage ist nun, wenn ich mir den Aufbau so anschaue, ob das überhaupt geht bzw. wie?
Als background-image im CSS funktioniert das genauso wenig wie als img src in der HTML-Datei.
Wo kann ich ansetzen?

Grüße
opiWahn
 
Ich persönlich hätte es genauso gemacht wie bei der Lena Seite.

Die Seite so aufgebaut, dass sie sich nur horizontal ausbreitet. Dann dem body "overflow:hidden" verpassen, um die Scrollbalken zu verstecken (evtl. erst per JavaScript setzen!). Trotz overflow:hidden kannst du via JavaScript einen Scroll-Wert setzen. Eventuell ist hier auch http://de.selfhtml.org/javascript/objekte/all.htm#scroll_into_view hilfreich. Wenn JavaScript deaktiviert ist, sollte man trotzdem noch durch anchor navigieren können.
 
Zurück