Menú Principal

íngel: Another Question

Iniciado por qaz, Septiembre 07, 2006, 10:19:45 PM

Tema anterior - Siguiente tema

qaz

Abusando de tu amabilidad: Tengo una imagen 01.jpg y otra diferente de igual tamaño 02.jpg
Quiero q el ratón cambie la una por la otra cuando pase por encima.
Alguna idea?

Salu2

Agarkala

pues metes las dos imágenes en tags en el mismo sitio, uno hidden y otra visible, y cambias la propiedad "onmouseover", ¿no?

Dan

Si lo estás haciendo con un editor html, como Dreamweaver, tienen un apartado de Insertar>imagen de sustitución (o algo muy similar) donde escoges ambas imágenes y lo hace directamente. En caso de no usarlo para eso, si lo tienes, lo haces de todos modos y copias el código.

Ta chupao.

Y ni siquiera hace falta que las imágenes sean de igual tamaño, aunque es algo muy recomendable, sí­.

Carlo

En esta web haces el código automáticamente para copypastearlo.

http://www.wilsoninfo.com/rollgen1.html

(busca por "rollover"... hay mucha información sobre ese script)


<HEAD>

<SCRIPT LANGUAGE="JavaScript">

image1 = new Image();
image1.src = "02.jpg";

</script>

</HEAD>

<BODY>

<a href="http://www.urldelenlace.com"
onmouseover="image1.src='02.jpg';" 
onmouseout="image1.src='01.jpg';">
<img name="image1"
src="01.jpg"
border=0></a>

</BODY>


qaz

Cita de: Carlo en Septiembre 08, 2006, 10:25:22 AM
En esta web haces el código automáticamente para copypastearlo.

http://www.wilsoninfo.com/rollgen1.html

(busca por "rollover"... hay mucha información sobre ese script)


<HEAD>

<SCRIPT LANGUAGE="JavaScript">

image1 = new Image();
image1.src = "02.jpg";

</script>

</HEAD>

<BODY>

<a href="http://www.urldelenlace.com"
onmouseover="image1.src='02.jpg';" 
onmouseout="image1.src='01.jpg';">
<img name="image1"
src="01.jpg"
border=0></a>

</BODY>



Chapeau, Carlo!
Me descubro

Salu2.

qaz

Una pregun más: ¿Y si deseamos que el botón vuelva a su aspecto original cuando quitamos el ratón de encima?

Gonzo

Cita de: qaz en Septiembre 09, 2006, 11:09:15 PM
Una pregun más: ¿Y si deseamos que el botón vuelva a su aspecto original cuando quitamos el ratón de encima?

El cacho de codigo

onmouseout="image1.src='01.jpg';"

supuestamente se encarga de eso.