Tecnología

Inicio

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.


Artículos relacionados