Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Animación css('background-image')

Estas en el tema de Animación css('background-image') en el foro de Frameworks JS en Foros del Web. Lo que quiero lograr es muy sencillo... Mediante el metodo '.hover()' quiero aplicarle a una serie de enlaces, una imagen de fondo, un clásico 'roll ...
  #1 (permalink)  
Antiguo 15/11/2011, 21:33
sp3ncer
Invitado
 
Mensajes: n/a
Puntos:
Mensaje Animación css('background-image')

Lo que quiero lograr es muy sencillo...
Mediante el metodo '.hover()' quiero aplicarle a una serie de enlaces,
una imagen de fondo, un clásico 'roll over', pero a la vez quiero aplicar
un fadeIn y fadeOut respectivos... solo al 'background-image' y no asi al contenedor.

Se que hay muchas manera, pero quiero evitar crear
html 'adicional' para solo lograr este efecto.
Estuve probando algo tambien con el método
.animate() pero no me resultó.

Este es mi avance : http://jsfiddle.net/sp3ncer/937EM/

Código Javascript:
Ver original
  1. var $btnav =$('nav a');
  2.     $btnav.hover(
  3.         function(){
  4.             $(this).css('background-image', 'url(http://dl.dropbox.com/u/1051946/pruebas_codigo/raster.gif)');
  5.         },
  6.         function(){
  7.             $(this).css('background-image','');
  8.         }
  9.     );

Podré pasar en lugar de un valor ... una función???

Gracias de antemano!!!

Última edición por sp3ncer; 16/11/2011 a las 10:20

Etiquetas: animacion, efectos, fade
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 15:32.