cuando configuro el contenido de la función en "alerta ();", reconoce cuando paso el cursor sobre la imagen. Cuando implemento lo que quiero que haga, que es colocar otra imagen sobre la imagen original. ¿No pasa nada? Si alguien pudiera orientarme se lo agradecería.
<script type="text/javascript"> function SetNewImage() { document.getElementById("thumbnail").src="images/art/thumbs/06010.jpg"; } function SetOldImage() { document.getElementById("thumbnail").src="images/art/thumbs/05030.jpg"; } </script> </head> <body> <img class="thumbnail" onmouseover="SetNewImage()" onmouseout="SetOldImage()" src="images/art/thumbs/05030.jpg" alt="Death of Marat" class="artThumb"/> </body>usas document.getElement por id pero id no encontrado
<img id="thumbnail" onmouseover="SetNewImage()" onmouseout="SetOldImage()" src="images/art/thumbs/05030.jpg" alt="Death of Marat" class="artThumb"/>puedes probar esto-
<script type="text/javascript"> function SetNewImage() { document.getElementById("thumbnail").src="images/art/thumbs/06010.jpg"; } function SetOldImage() { document.getElementById("thumbnail").src="images/art/thumbs/05030.jpg"; } </script> </head> <body> <img class="thumbnail" onmouseover="SetNewImage()" onmouseout="SetOldImage()" src="images/art/thumbs/05030.jpg" alt="Death of Marat" class="artThumb"/> </body>use la variable this.src=imgUrl para resolver su problema
intente modificar class a id, Class en img y getelementbyid en JS