Efecto mouseover con imagenes

[Azahara26-12]

Hola,
me gustaría que alguien me contara como puedo hacer el efecto mouseover con dos imágenes.
Tienen que ser formato GIF o puede ser cualquier otro?

Soy totalmente novata en este tema, he mirado en muchos sitios y he encontrado donde me lo explicaban, pero he seguido los pasos y no me aclaro.

Muchas Gracias

[valeguz]

Hola Azahara26-12
Que editor web usas? si usas dreamweaver tiene la funcionalidad de imagenes de sustitucion o creo que le dice rollover en la version ingles , te lo hace practicamente solo, puede ser cualquier formato de imagen pero es recomendable que sea gif porque son mas livianas, inclusive podes poner como segunda imagen un gif animado y queda muy bueno...
Para eso fijate en la barra "comun", fijate entre las opciones de imagen tiene una que se llama "imagen de sustitucion", te da los recuadros para imagen original (la que se ve cuando no esta el mouse encima), imagen de sustitucion (la que muestra cuando pones el mouse encima) y la opcion para que le pongas el enlace a donde tiene que ir cuando clican....
Si no usas dw buscamos algun script en javascript, que es la unica opcion de hacerlo, con html solo no se puede...
Saludos

[Azahara26-12]

Hola Valeguz,
Muchas gracias por contestar, el editor que utilizo es NETSCAPE y/o NVU .
El caso es que lo se hacer con texto pero no con imagenes.

Gracias otra vez

[valeguz]

Mirá encontre una pagina que tiene un script, lo probé en un html y funciona, fijate si te sirve

http://www.webexperto.com/articulos/...lo.php?cod=148

Saludos

[Azahara26-12]

Perdona que sea tan novata, pero me podrías decir exactamente donde tengo que poner el nombe de las imágenes GIF? Es entre los parentesis? Donde pone new image? Eso es lo que no me permite salir de este lioooo

Por ejemplo:

<script language="JavaScript">
<!--
// Comienzo del código
// Especificamos las imágenes primarias

image0 = new Image();
image0.src = "mouseover_off_1.gif";

image1 = new Image();
image1.src = "mouseover_off_2.gif";

image2 = new Image();
image2.src = "mouseover_off_3.gif";

// Fin del código
-->
</script>


Graciaaaaaaaaas

[hades87]

este enlace creo que te ayudará ^^

http://www.desarrolloweb.com/articulos/9.php

[Azahara26-12]

Gracias Gracias Graciaaaaaaaaaaaas!!