MouseOver mit einer von drei Grafiken

[rockaneLLa*]

Hallo liebe Leute,

ich hoffe ich bin hier richtig mit meinem Anliegen - in jedem Fall möchte ich mich vorab schon mal entschuldigen, dass ich mich evtl. so derart doof anstelle und es einfach nicht hinbekomme und verstehe. Ich war nie annähernd ein "Pro" und hab' schon sehr lange nichts mehr gemacht, bin quasi mehr als eingerostet.

Es geht um eine reine HTML-Seite als Opening die mit einem Mouseover versehen werden soll.
Das Ganze sollte so aussehnen: Beim Mouseover auf Grafik 1 soll die Grafik darüber (Grafik 2) ausgetauscht werden (durch Grafik 3).

Als Hilfe zum JavaScript habe ich mich an on-mouseover orientiert. Aber scheinbar kriegt mein Hirn es einfach nicht gebacken das "nur" für eine Grafik aufzusetzen.

Im head-Bereich habe ich folgendes drin:

<script language="JavaScript">
pic = new Image(200, 55);
pic.src = "Grafik1.png";

pic = new Image(440, 370);
pic.src = "Grafik2.png";

pic = new Image(440, 370);
pic.src = "Grafik3.png";
</script>

Und im body-Bereich das:

<tr>
     <td border="0" align="center" width="965" height="400"><img src="Grafik2.png" width="440" height="370" name="Grafik2" border="0"></td>
    </tr>

<tr>
<td border="0" align="center" width="965" height="60">
<a href="welcome.html" onMouseover="Grafik2.src='Grafik3.png';">
<img src="Grafik1.png" width="200" height="55" name="Grafik1" border="0"></a>
</td>
</tr>

Bin ich zumindest "nah dran"? Was ist mein verdammter Denkfehler?
Weiaweiaweiaaaa ... !! :sad: :sad: :sad:

 

[Cheffchen]

Hallo,

na war doch fast :O)

documen hat nur gefehlt, JS muss doch wissen wo was ändern möchtest, sonnst versuch JS noch den Müll raus zu bringen :O)

<A HREF="welcome.html" onmouseover="document.Grafik2.src='Grafik3.png'"
onmouseout="document.Grafik2.src='Grafik2.png'">

Cheffchen

PS: schöne Zeichnung :O)

 

[rockaneLLa*]

Hallo Cheffchen (welche eine Ehre! :grin:),

vielen Dank!

Ich hab's scheinbar immer noch nicht gerallt ... ach Mensch.

Ich "übersetzte" mal die Dateinamen:
Grafik 1 = welcome.png
Grafik 2 = logo-head.png
Grafik 3 = logo-mouseover.png

<tr>
 <td border="0" align="center" width="965"  height="400"><img src="logo-head.png" width="440" height="370"  name="logo-head" border="0"></td>
 </tr>
 
 <tr>
 <td border="0" align="center" width="965" height="60">
 <a href="welcome.html"  onMouseover="document.logo-head.src='logo-mouseover.png'"  onmouseout="document.logo-head.src='logo-head.png'">
 <img src="welcome.png" width="200" height="55" name="welcome" border="0"></a>
 </td>
 </tr>

 

[Cheffchen]

Hallo,

alles schick nur stimmt der Syntax von Bildnamen und name des element nicht.
Javascript ist da sehr empfindlich.

-nicht nur zahlen
-A bis z ohne umlaute
-Sonderzeichen höchstens _

Du hast - im elemtname das mit js bearbeiten möchtest name="logo-head", du möchtest das element sagen js möchte (logo minus head) rechnen.

also alle - gegen _ ersetzen dann geht das auch.

Cheffchen

 

[rockaneLLa*]

Unglaublich, endlich! Danke danke DANKE!! :)