sur la souris sur le changement de l'image sur le code html

J'ai essayé de faire une image à modifier sur le dessus de la souris. Ce bout de code fonctionne pour IE mais pas pour les autres navigateurs comme chrome, opera, safari, etc. Des idées?

<a href="#" onmouseover="document.myimage1.src='img/login_button_22.jpg';"
onmouseout="document.myimage1.src='img/login_button_11.jpg';">    
<img src="img/login_button_11.jpg" name="myimage1" /> </a>

OriginalL'auteur 33528 | 2012-11-27

  1. 7

    Vous devriez être en utilisant un ID, un NOM, et à l'aide de document.getElementById pour sélectionner l'élément.

    Les éléments IMG, n'étant pas des éléments de FORMULAIRE, ne devrait pas être en mesure de prendre un NOM de propriété, mais Microsoft a réussi à le visser.

    <a href="#" onmouseover="document.getElementById('myimage1').src='img/login_button_22.jpg';"
onmouseout="document.getElementById('myimage1').src='img/login_button_11.jpg';">    
<img src="img/login_button_11.jpg" id="myimage1" /></a>

    Aussi, il est beaucoup plus facile et plus propre d'utiliser un fond de CSS et un :hover de déclaration et de ne pas faire cela à l'aide de JavaScript complètement.

    Voici comment:

    HTML:

    <a class="mybutton" href="#"></a>

    CSS (ajuster les dimensions en conséquence):

    .myButton {
     width:100px;
     height:50px;
     display:block;
     background-image:url(../img/login_button_11.jpg);

}

.myButton:hover {
     background-image:url(../img/login_button_22.jpg)
}
    merci pour votre réponse... très utile!
    l'essayer, je peux dire qu'il fonctionne encore parfaitement sur IE mais encore une fois ne fonctionne pas dans tous les autres explorateurs...

    OriginalL'auteur Diodeus - James MacFarlane

  2. 1
    <a href="" onMouseOver="document.MyImage.src='http://icons.iconarchive.com/icons/uiconstock/round-edge-social/72/ask-icon.png';" onMouseOut="document.MyImage.src='http://icons.iconarchive.com/icons/uiconstock/round-edge-social/72/arto-icon.png';">
<img src="http://icons.iconarchive.com/icons/uiconstock/round-edge-social/72/arto-icon.png" name="MyImage">

    Démo
    http://jsfiddle.net/W6zs5/

    OriginalL'auteur Sad Danbo

  3. 1

    Essayez ceci: 

    <img src='img/login_button_11.jpg' onmouseover="this.src='img/login_button_22.jpg';" onmouseout="this.src='img/login_button_11.jpg';" />

    OriginalL'auteur kurdtpage