Foros del Web » Creando para Internet » HTML »

Menus que cambian de imagenes

Estas en el tema de Menus que cambian de imagenes en el foro de HTML en Foros del Web. Hola muy buenas, os cuento mi problema Quiero hacer un menú, en el que al pasar el mouse sobre un botón de este menú, una ...
  #1 (permalink)  
Antiguo 17/02/2011, 09:39
 
Fecha de Ingreso: febrero-2011
Mensajes: 7
Antigüedad: 13 años, 2 meses
Puntos: 0
Menus que cambian de imagenes

Hola muy buenas, os cuento mi problema
Quiero hacer un menú, en el que al pasar el mouse sobre un botón de este menú, una imagen que tengo puesta de portada (no de fondo) cambie, os lo agradecería mucho si me hechais un cable!
Muchas gracias de antemano!
  #2 (permalink)  
Antiguo 17/02/2011, 14:37
Avatar de CHUJALT  
Fecha de Ingreso: enero-2002
Mensajes: 60
Antigüedad: 22 años, 3 meses
Puntos: 0
Respuesta: Menus que cambian de imagenes

Saludos

Eso se hace con javascript. Ves a esa sección que seguro encuentras una respuesta para tu pregunta.
__________________
http://www.chujalt.com
  #3 (permalink)  
Antiguo 17/02/2011, 15:50
 
Fecha de Ingreso: febrero-2011
Mensajes: 7
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: Menus que cambian de imagenes

Vale voy a mirar
Gracias!
  #4 (permalink)  
Antiguo 17/02/2011, 17:56
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: Menus que cambian de imagenes

Si se trata de un efecto hover y no de que se mantenga la imagen cuando dejes de estar sobre el botón puedes usar sólo CSS y HTML.
Es cuestión de posicionar la imagen adecuadamente para ocultar la de la portada y mantenerla oculta con la propiedad visibility:hidden.
Para el elemento de menu correspondiente debes indicar la propiedad:
#ElementoMenu:hover img{visibility:visible}
suponiendo que tu elemento de menu tiene el id="ElementoMenu".
Si necesitas más complejidad puedes usar un div que contenga la imagen en lugar de la propia imagen en el CSS.
Otro problema a resolver es la ubicación de los distintos elementos de la página para que las imágenes se superpongan a las que ya tienes.
Puede que un z-index alto sea suficiente, pero en ocasiones es necesario que los elementos que provocan el despliegue de otros (en este caso el menú) estén situados dentro del HTML más abajo que la imagen a ocultar. Eso no quiere decir que deban aparecer por debajo en la página, ya que puedes cambiar su posición con CSS.
Por último, es necesario que la imagen (o el div) estén incluidos dentro del elemento de menú, por ejemplo:
<a id="ElementoMenu" href="" ><img src="img.gif"/></a>

Etiquetas: imagenes, menus
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 13:17.