-
Cómo mostrar imágenes con Onmouseover
-
Al incluir el código "onmouseover" dentro de su código JavaScript de codificación para su página web, puede mostrar imágenes en su página web que sólo se hacen visibles cuando un gráfico u otra imagen en se desplaza el ratón sobre el cursor. Al mostrar las imágenes con el código "onmouseover", se puede añadir un poco de variedad a su sitio e insertar algunas imágenes que no son inmediatamente visibles para sus visitantes.
Instrucciones
1 Ingrese a su servidor Web y haga clic en el archivo HTML al que desea agregar los "onmouseover" imágenes de la pantalla.
2 Haga clic con el cursor en la sección <head> de la página HTML. Introduzca este código:
<script
language = "javascript"> <! - www.website.com si (document.images)
{Imagen1 imagen2 = nueva imagen = nueva imagen image1.src = http://www.website.com/visibleimage.jpg 'image2.src
= 'Http://www.website.com/mouseoverimage.jpg'} -> </ script>
Reemplazar "www.website.com" con la URL de la página a la que va a publicar las imágenes "onmouseover".
3 Reemplazar "http://www.website.com/visibleimage.jpg" con la URL de la imagen o gráfico que será visible en la página cuando se abre.
4 Reemplazar "http://www.website.com/mouseoverimage.jpg" con la URL de la imagen o gráfico que será visible cuando la primera imagen se dio la vuelta.
5 Haga clic dentro de la sección <body> de la página.
6 Inserta este código HTML:
<A href = "http://www.website.com"
onMouseOver = "document.rollover.src = image2.src" onMouseOut = "document.rollover.src = image1.src">
<Img border = 0 name = "rollover"> </a>
7 Reemplazar "http://www.website.com/visibleimage.jpg" con la URL de la imagen que aparece en la página cuando la página se abre por primera vez. Si el servidor Web ofrecen una fuction Haz clic en "Guardar" y luego "Publicar" para publicar la página.