OnMouseover Funktionalität

[handeglo]

Hallo Zusammen,

ich habe folgende Coding und möchte gerne von euch wissen.
Wie kann ich über den Befehl "OnMouseover" hier einbauen.
Ich habe folgendes vor:

• Bild1 soll im Standard angezeigt werden. Beim Mousover soll Bild2 angezeigt werden.
• Beim drücken des Bid1 soll dann Bild2 angezeigt werden.

      <tr>
        <th scope="col" width="46"><img src="images/bild1.jpg"></th>
      </tr>

Vielen Dank im voraus

 

[threadi]

Wozu steckt das Bild in einer Tabellenzelle?

Den onmouseover-Eventhandler muss man hierfür nicht mal verwenden, da würde ich CSS und die Nutzung des Bildes als Hintergrundbild empfehlen - allerdings nur wenn Du es auch verlinken willst. Beispiel:

HTML

<a class="pic" href="#">&nbsp;</a>

CSS

.pic {
 background-image: url(bild.jpg);
 background-repeat: no-repeat;
 height: 50px;
 width: 100px;
}
.pic:hover { background-image: url(bild.jpg); }

Ansonsten mit onmouseover:

<img src="bild.jpg" alt="" onmouseover="this.src='neuesbild.jpg';" />