Foros del Web » Programando para Internet » Javascript »

Banner expandible...

Estas en el tema de Banner expandible... en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/08/2003, 08:34
Avatar de holmes  
Fecha de Ingreso: julio-2002
Ubicación: Caracas
Mensajes: 149
Antigüedad: 21 años, 9 meses
Puntos: 0
Exclamación Banner expandible...

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
  #2 (permalink)  
Antiguo 14/08/2003, 09:58
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 21 años, 5 meses
Puntos: 4
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:
<img onMouseOver="this.height=200" onMouseOut="this.height=60" src="banner.jpg" width="468" height="60">
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!
  #3 (permalink)  
Antiguo 14/08/2003, 10:00
Avatar de holmes  
Fecha de Ingreso: julio-2002
Ubicación: Caracas
Mensajes: 149
Antigüedad: 21 años, 9 meses
Puntos: 0
Quizas no me supe explicar no es la misma imagen sino otra.
  #4 (permalink)  
Antiguo 14/08/2003, 10:07
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 21 años, 5 meses
Puntos: 4
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!
  #5 (permalink)  
Antiguo 14/08/2003, 10:51
Avatar de holmes  
Fecha de Ingreso: julio-2002
Ubicación: Caracas
Mensajes: 149
Antigüedad: 21 años, 9 meses
Puntos: 0
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
  #6 (permalink)  
Antiguo 14/08/2003, 10:58
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 21 años, 5 meses
Puntos: 4
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!
  #7 (permalink)  
Antiguo 14/08/2003, 11:00
Avatar de holmes  
Fecha de Ingreso: julio-2002
Ubicación: Caracas
Mensajes: 149
Antigüedad: 21 años, 9 meses
Puntos: 0
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
  #8 (permalink)  
Antiguo 14/08/2003, 11:08
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 21 años, 5 meses
Puntos: 4
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!
  #9 (permalink)  
Antiguo 14/08/2003, 11:12
Avatar de holmes  
Fecha de Ingreso: julio-2002
Ubicación: Caracas
Mensajes: 149
Antigüedad: 21 años, 9 meses
Puntos: 0
Bravenap, eres un genio

gracias por tu ayuda amigo, funciónó perfecto.

Saludos,

Holmes desde Venezuela.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:59.