ein Bild nach unten sliden lassen, erst bei Click

[diefrangende]

Hallo zusammen,

ich such schon Tage nach dem Richtigen Code und hab mich entschieden jetzt einfach mal nachzufragen. Überall find ich Anhaltspunkte was ich brauch, aber zusammensetzen kann ich es irgendwie nicht.
Worum es geht:

< Grafik, wenn ich darauf klicke soll ein bild nach unten sliden
< das bild soll nach unten sliden und dann stehen bleiben

< dieser Balken ist sichtbar und slidet dann automatisch mit nach unten /am Anfang ist er unter der Grafik "hello World!"

Hört sich eigentlich ganz einfach an, ich versuch schon alle möglichen codes, mit marquee komm ich auch nicht weiter ;ugl

Wäre super wenn mir jemand helfen könnte.

liebe grüße die Fragende ;Jump

 

[Timmer]

Hast du dir diesbezüglich schonmal jQuery angeschaut? Damit lassen sich solche Animationen ganz einfach bewerkstelligen, wenn man das nötige Wissen in HTML & CSS mitbringt.

.animate() – jQuery API
.css() – jQuery API
.click() – jQuery API

MfG Timmer

 

[spaceCookie]

Hallo. Ich würde dir das Javascript Framework jQuery: The Write Less, Do More, JavaScript Library ans Herz legen. Damit sind solche Dinge relativ schnell zu erledigen. Dein Markup könnte z.B. so aussehen:

#5044237 - Pastie

Nicht sehr elegant aber das sollte dir die Funktionsweise näher legen.

 

[diefrangende]

super vielen dank, sitze jetzt lang genug dran . Jetzt klapps und sieht super aus vielen Dank