17/02/2011, 17:56
|
| | | Fecha de Ingreso: enero-2011 Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 10 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> |