Hola, amigos del maestros del web, quieo saber como hago para que mi banner al hacerle un mouse over se expanda, es decir de una imagen de 468 x 60 se expanda a otra de 468 x 200.
Gracias por su ayuda,
Saludos
Holmes desde Venezuela
| ||||
Tu banner es una imagen de 468x60 y quieres que se expanda hasta 468x200, es decir, que sólo cambia la altura de la imagen. Esto haría que la imagen se distorsionase. Pero bueno, lo que pides se hace así:
Código:
Un saludo. <img onMouseOver="this.height=200" onMouseOut="this.height=60" src="banner.jpg" width="468" height="60">
__________________ ¡¡NO A LA GUERRA!! Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares! |
| ||||
Eso es otra cosa. Pon entonces:
Código:
<img onMouseOver="this.src='banner2.gif';" onMouseOut="this.src='banner1.gif';" src="banner1.gif">
__________________ ¡¡NO A LA GUERRA!! Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares! |
| ||||
no me ha funcionado por que la segunda imagen me la reduce. Lo que quiero es este mismo código que me has mandado pero la segunda es de mayor tamaño. La primera imagen mide 468 x 60 y al hacer el mouse over aparece una imagen de 468 x 200. Gracias por tu ayuda y pacienciencia, espero tu respuesta saludos holmes |
| ||||
Pues no tienes más que conbinar los dos ejemplos que te he puesto antes. Prueba que es facilito y si no lo consigues me avisas. Un saludo.
__________________ ¡¡NO A LA GUERRA!! Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares! |
| ||||
estoy probando pero no he dado con código, pues me lo que he consegido es que me amplia la segunda imgen pero la inicial no me la muestra y el problema es que necesito eso con urgencia ojala me puedas ayudar |
| ||||
Está bien..., pon esto:
Código:
<img onMouseOver="this.src='banner2.gif';this.height=200" onMouseOut="this.src='banner1.gif';this.height=60" src="banner1.gif">
__________________ ¡¡NO A LA GUERRA!! Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares! |