Ver Mensaje Individual
  #5 (permalink)  
Antiguo 11/12/2009, 13:42
Mr_Raymon
 
Fecha de Ingreso: diciembre-2009
Ubicación: España
Mensajes: 119
Antigüedad: 15 años
Puntos: 2
Respuesta: Crear menu CSS Sprite con efecto de imagen con jQuery ¿es posible?

Cita:
Iniciado por mayid Ver Mensaje
Ese menu se maneja con CSS, y quizas con ayuda de jquery para dar un efecto fadeIn.

Aqui estan los originales de imagen, que se posicionan como background-images:

[url]http://www.bigmediadaily.com/images/menu-tech.png[/url]

[url]http://www.bigmediadaily.com/images/menu-movies.png[/url]

Y el truco esta en correr la imagen para que en vez de la parte visible se vea la parte escondida.

Quizas esto sea todo el truco, fijate:


Estas diciendo que en mouseover se muestre la parte baja de la foto.
Logicamente se como funciona lo de "cambiar la imagen". Precisamente asi es como funciona lo que se denomina Sprite. El problema llega a ser cuando tienes un menu del estilo de la web de Apple (http://images.apple.com/es/global/nav/images/globalnavbg0907.png), entonces cambia la cosa. De hecho busque hace algunos dias el efecto FadeIn para imagenes pero no he conseguido el efecto deseado. Eso sin incluir la dificultad para un submenu en CSS intentar dar interactividad con jQuery.

Necesito ayuda sobre este tema. Espero que podais ayudarme.

Saludos y Gracias.

Última edición por Mr_Raymon; 12/12/2009 a las 09:28