OnMouseOver Problem

    Hi

    Ich kenn mich mit JS nicht besonders gut aus aber wenn ich mit der Maus auf nem Icon gehe, werden ALLE icons umgeändert. Ich möcht das aber für jedes Bild individuell haben.

    Code
    <script type="text/javascript">
function mp() {
document.getElementById("ret").src="images/mp/rethover.GIF"
document.getElementById("play").src="images/mp/playhover.GIF"
document.getElementById("forw").src="images/mp/forwhover.GIF"
}
</script>
    Code
    <img id="ret" style="width: 20px;" src="images/mp/ret.GIF" onmouseover="mp()">
<img id="play" style="width: 20px;" src="images/mp/play.GIF" onmouseover="mp()">
<img id="forw" style="width: 20px;" src="images/mp/forw.GIF" onmouseover="mp()">

    Wie mache ich das?

    ehm ... noch mal ne Frage ... wenn ich zu dem JavaScript noch Style-Elemente einfügen will, wie width oder border, wie kann ich das machen?

    Code
    if(a == 'red') { document.getElementById("ret").src="images/mp/rethover.[URL='http://www.forum-hilfe.de/vbglossar.php?do=showentry&item=GIF']GIF[/URL]";
document.getElementById("ret").style="[U]xy[/U]"; }
etc

    mach den hover über css, es gibt leute ohne js. und wenns net ohne js geht, kannst du es auch unumständlicher machen:

    Code
    <img blabla onmouseover="src='irgendwas.jpg' border='1'" />

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

    aber wie ich das sehe will er ja beim hover mehrere dinge ändern, oder?
    also wäre es:

    Code
    <img src="bla.jpg" onmouseover="this.rsc='bla2.jpg' window.document.images['bla3'].src='bla3.jpg'" alt="und so weiter" />

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!