img Onclick / OnMouseover

[Htmlfreeforall]

<img src="imgHOMEblack.png" border="0" width="80" height="25" alt="HOME"

Hallo Leute ich bin zuzeit neue im HTML Bereich und habe gewisse Probleme mit images etc. . Leider konnte mir SELFHTML.org auch nicht weiter helfen mit seinen Inhalten, also frage ich mal hier nach.

1. Wie bau ich ein Image mit einer "OnMouseOver" Funktion ein , sodass sich dann im Browser das Images ändert beim drüberfahren mit der Maus?

2. Wie kann ich eine OnClick Funktion einbauen, die im Browser sobald ich auf das Image klicke zu einem anderen URL führt ?

wäre cool wenn ihr mir helfen könnten
und wie gesagt SELFHTML.org ist nicht so schön zum verstehen find ich.

Gruß Htmlfree4all

 

[Gilles]

<img src="imgHOMEblack.png" border="0" width="80" height="25" alt="HOME"

Hallo Leute ich bin zuzeit neue im HTML Bereich und habe gewisse Probleme mit images etc. . Leider konnte mir SELFHTML.org auch nicht weiter helfen mit seinen Inhalten, also frage ich mal hier nach.

1. Wie bau ich ein Image mit einer "OnMouseOver" Funktion ein , sodass sich dann im Browser das Images ändert beim drüberfahren mit der Maus?

2. Wie kann ich eine OnClick Funktion einbauen, die im Browser sobald ich auf das Image klicke zu einem anderen URL führt ?

wäre cool wenn ihr mir helfen könnten
und wie gesagt SELFHTML.org ist nicht so schön zum verstehen find ich.

Gruß Htmlfree4all

Zunächst einmal. SelfHtml ist ne super Referenz ;)
Aber zu deinem 2. Problem:

<a href="http://google.de"><img src="bild.jpg" alt="Mein Bild"/></a>

Was das mouseover angeht, so rate ich dir dich erst einmal richtig mit Html zu beschäftigen und dann mit CSS. Ich könnte dir jetzt zeigen wie das in Javascript mit onmouseover geht. Jedoch sollte man das nicht auf diese Weise machen. Hier ist das Beispiel, jedoch nehme dir meinen ratschlag zu Herzen ;)

<img src="img1.png" onmouseover="this.src='img2.png' onmouseout="this.src='img1.png' />

 

[Htmlfreeforall]

okay danke