Efecto de fundido o fade en menu

bLaCkH0Le

Hola. Estoy intentando encontrar como hacer un intercambio de imagenes pero con fundido sin hacer uso de flash. Quiero hacer algo parecido a lo de esta web:

http://corderoseguros.com/

Como veis en el menu, cada item esta compuesto por dos imagenes y al pasar el ratón sobre alguno de los elementos de este, se cambia la imagen pero haciendo un fundido.

¿Sabeis de algun tuto?

Gracias!

psikotron

Creo que eso es con jQuery.

Saludos

Tunnecino

Interesante, he conseguido sacar ese efecto de la web, en cuanto lo tenga aislado lo subo aqui.

EDIT: Ya tengo el script, solo que para hacerlo funciona tendria que pegar partes del css de esa web, y el script .js, ¿me permiten los moderadores hacerlo? :D

scumah

tutorial

demo

NeB1

#1 no te ralles, gasta jquery + fadeIn por ejemplo, y si buscas efectos más avanzados, jquery + core UI effects. (todo es javascript)

Efecto de Fade In (evidentemente está el fadeout para lo contrario. Además tienes el animate, donde puedes decir la opacidad de inicio y la final.
Ejemplo de efectos varios con el core UI
En el efecto Highlight, cambiando los css para cuando se ejecuta el efecto, se puede lograr lo que buscas de la otra web.

bLaCkH0Le

Gracias por la ayuda. voy a probar ahora mismo y os digo

Usuarios habituales

  • bLaCkH0Le
  • NeB1
  • scumah
  • Tunnecino
  • psikotron