Mouseover

[Maurer]

Hallo zusammen,
gibt es nicht eine einfache Lösung, wie man ein Bild (als Link) bei einem onMouseover wechseln kann?

Also
<a href="index.html" img src="Images/btn_home_activ.gif" width="109" height="31" border="0"></a>

Wenn die Maus nun auf dem Link ist, soll anstelle von btn_home_activ.gif das Bild btn_home_norm.gif angezeigt werden.

Aber NUR dann. Vorher und nachher (onMouseout) nicht.

Wie sieht dazu dann der "Link" aus?

Dank und Gruß
Marcus

[Lemmy Danger]

Guude!

Wie sieht dazu dann der "Link" aus?

Einen Link willst Du? http://selfhtml.teamone.de/javascript/beispiele/buttons.htm.
Bitte schön.

Wer suchet, der findet,
denkt sich
Lemmy

http://www.olison.com

[Maurer]

Ja ja... den kenn ich auch. Ich lese IMMER erst bevor ich hier was poste! Ob ich das dann verstehe ist was anderes :-)

Guude!

Wie sieht dazu dann der "Link" aus?

[Tobias]

Hallo Marcus,

gibt es nicht eine einfache Lösung, wie man ein Bild (als Link) bei einem onMouseover wechseln kann?

natürlich, selfhtml lässt grüßen :)
http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

<a href="index.html" img src="Images/btn_home_activ.gif" width="109" height="31" border="0"></a>

ich hoffe doch das vor 'img' noch '><' und im <img>-Tag noch ein alt="" fehlt :)

Grüße aus Nürnberg
Tobias

[Maurer]

Hi, ich hab mir das gerade bei Selfhtml angeschaut...:-)
Aber das muss doch auch leichter gehen...
Bei einem Farbwechsel bei der Schrift geht das auch in einem "Satz".

[Tobias]

Hallo Marcus,

Aber das muss doch auch leichter gehen...
Bei einem Farbwechsel bei der Schrift geht das auch in einem "Satz".

das wiederum steht unter: http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
mit Bildern geht das nicht so einfach wie mit Text.

Grüße aus Nürnberg
Tobias

[Maurer]

Hallo Tobias...
ich hab es damals auch ohne so viel Text hinbekommen, geht das nicht auch irgendwie mit Bildern?`

<A HREF="wir.html"><FONT COLOR="black"onMouseOver="this.style.color = '#0000ff'" onMouseOut="this.style.color = 'black'">&Uuml;ber Nanoware </FONT></A>

Gruß
Marcus

[Utz]

Hallo,

ich hab es damals auch ohne so viel Text hinbekommen, geht das nicht auch irgendwie mit Bildern?`

Nein, geht nicht. Entweder die JS-Lösung, die Du aus SelfHTML kennst, oder noch kompliziertere JS-Konstrukte, oder eben gar nichts mit Bilder wechseln.

Grüße,

Utz

[Jan]

Hallo,

mit Bildern geht das nicht so einfach wie mit Text.

Das geht schon so einfach.
Via css kann der link als blockelement definiert werden, er kann dann eine bestimmte höhe und breite bekommen und es kann ein hintergrund bild  vergebenwerden welches dann wiederum im a:hover selektor getauscht werden kann.
Das macht sich wunderbar aber leider setzt das funktionieren die entsprechenden browser voraus, so dass die js variante dann ein wesentlich breiteres funktionsfeld, in sachen browser, hat.
Aber in absehbarer zeit wird dann kein js mehr benötigt um grafiken bei mausberührung zu wechseln.

Gruss, Jan aus Dresden

[Lemmy Danger]

Guude!

Aber das muss doch auch leichter gehen...

Nein!

Bei einem Farbwechsel bei der Schrift geht das auch in einem "Satz".

Hier fummelst Du aber nicht bloss an einem Style-Attribut rum, sondern möchtest ein Bild wechseln. Damit JS das auch erkennt, musst Du eine neue Instanz des Image-Objektes erzeugen und diesem dann einen Pfad zuweisen... So simpel wie der Farbwechsel einer Schrift ist das ganze also nicht, aber sonderlich schwer isses nu auch wieder nicht, oder?

LG
Lemmy

http://www.olison.com

[Lemmy Danger]

Guude, Tobi!

<a href="index.html" img src="Images/btn_home_activ.gif" width="109" height="31" border="0"></a>
ich hoffe doch das [...] im <img>-Tag noch ein alt="" fehlt :)

Dein Hoffen hat sich gelohnt: Es fehlt tatsächlich das alt-Attribut... ;)scnr

LG
Lemmy

http://www.olison.com