Bild ändern bei onMouseOver und onKlick

[the_zoker_09]

Hallo zusammen,
Ich habe für meine Seite einen Butten erstellt.

Jetzt soll sich 1. bei "onMouseOver" und 2. bei "onKlick" das Bild ändern.

Also 3 Situationen:
[TABLE="class: grid"]
[TR]
[TD]Normalzustand[/TD]
[TD]

[/TD]
[/TR]
[TR]
[TD]onMouseOver[/TD]
[TD]

[/TD]
[/TR]
[TR]
[TD]onKlick[/TD]
[TD]

[/TD]
[/TR]
[/TABLE]

Wie mach ich das am besten?
Hab mich uach schon ein bisschen umgeschaut, aber noch nichts richtiges gefunden.
Bei Self HTML z.B. wird nie beschrieben, wie man ein Bild durch eine Aktion ändert. (oder ich habe es einfach nicht gefunden :( )

Vielen Dank schon mal
the_zoker_09

 

[MBaaboura]

GIF Animation

 

[the_zoker_09]

Ausführlicher gehts nicht oder?
Wie mienst du das?

Wie soll ich das mit einem GIF Bild machen?

 

[MBaaboura]

wie genau das mit einer GIF Animation funzt weiss ich leider selbst nicht. sorry.
hab nähmlich mal solche button bilder gesehn

 

[miwo]

mit CSS kannst du auf diese Ereignisse "reagieren" und je nach Aktion das zugehörige Bild anzeigen, wenn es z.B. als Background Image hinderlegt wurde. verwende die Pseudoklassen :hover und :visitet

hier gibts noch was zum lesen:
Pseudo-Klassen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[the_zoker_09]

geht das nicht auch nur mit html?
also ich werde es mit css mal probieren

 

[Elroy]

GIF Animation

Das ist natürlich Unsinn.

geht das nicht auch nur mit html?
also ich werde es mit css mal probieren

Nur mit HTML geht das nicht.

Dazu brauchst du kein onMouseOver oder onKlick (das ist übrigens auch kein HTML), sondern kannst das mit CSS umsetzten.

Hier ist die CSS Methode etwas näher erklärt: Hyperlinks mit wechselnden Hintergrundbildern: Tipps und Tricks auf CSS 4 You - The Finest in Stylesheets

Gruss
Elroy

 

[the_zoker_09]

Danke
Endlich eine Antwort die mich voran bringt.
Das mit dem Gif hab ich mir gedacht.
Das mit der HTML Frage: Naja ich würde sagen da hab ich nicht nachgedacht :)

Also ich werds jetzt mal versuchen

Vielen Dank
the_zoker_09

 

[the_zoker_09]

Das ist natürlich Unsinn.



Nur mit HTML geht das nicht.

Dazu brauchst du kein onMouseOver oder onKlick (das ist übrigens auch kein HTML), sondern kannst das mit CSS umsetzten.

Hier ist die CSS Methode etwas näher erklärt: Hyperlinks mit wechselnden Hintergrundbildern: Tipps und Tricks auf CSS 4 You - The Finest in Stylesheets

Gruss
Elroy

OK hab das jetzt mal gemacht: test.crystalblood.de
Funktioniert ganz gut.
ABER ich hab noch ein Problem: Der öffnet die Links immer nur an den Gundlink angeheftet

Wie kann ich des anders machen?

Dank
the_zoker_09


edit: hab gelöst

 

[MBaaboura]

@Elroy

Unsinn? Hast du nicht gelesen?: Ich war mir nicht sicher.

 

[Dendem]

Sowas ist aber wirklich Unsinn eine GIF- animation ist ein Bild, dass in bestimmten intervallen das Bild ändert und nicht wenn die Maus drüber ist ;)

 

[lascaux]

Das was du suchst:

<a href="" title=""><img src="normalbild.jpg" onmouseover="src='over.jpg'" onmouseout="src='normalbild.jpg'" onmousedown="src='down.jpg'" onmouseup="src='over.jpg'" alt="" border="0" /></a>

lascaux