plan_B: Bilder werden beim Laden verschoben

Beitrag lesen

Hallo,

Ich habe unter diesem Link ein Feuerwehrfahrzeug gesetzt, bei welchem man Rolltore durch Daraufklicken öffnen kann. Dies habe ich mithilfe von JavaScript realisiert.

... eine nette Idee - aber da lässt sich noch mehr draus machen. Und die Konstruktion ist auch ganz einfach: nimm ein paar um das <img> geschachtelte <div>s. Jedem div kannst du ein Hintergrundbild geben und hast so eine mehrschichtige Struktur.

oberste Schicht ein Bild mit transparenter Rolladenfach
nächste Schicht Rolladenausschnitt, positioniert unter der Rolladenfach
unterste Schicht Bild mit geöffnetem Fach.

per Animation kannst du nun den Rolladen hoch oder runterschieben und mehr oder weniger vom Innenleben des Fahrzeugs wird sichtbar. (Position des Hintergrundbildes der mittleren Schicht verändern)

http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position@title=css/eigenschaften/hintergrund.htm#background_position

Gruß plan_B

--
     *®*´¯`·.¸¸.·