Animar transición de background

[madman_18]

Iniciado por alberto510a

Hola.

Creo que has mezclado bastante ahí jeje.
Para animar "objetos" jQuery tiene su propio método que es muy sencillo de usar aquí te pongo un ejemplo y te explico los parámetros y tú solo lo cambias.

Código:

$(document).ready(function(){
$('#bloque-destacado-1').mouseenter(function(){
$(this).animate({height:'900px',width:'990px'},2000,function(){
//función callback
});
});
});

Sí, he probado la función .animate, pero cuando le meto la propiedad 'backgroundPosition' (creo que es así como debe escribirse) no modifica nada, de ahí que pregunte :S :S

A ver el método como ves es .animate() y ocurre al meter el mouse dentro de nuestro elemento. Tan solo tenemos que indicar el parámetro css a animar, su objetivo, el tiempo en milisegundos y si quisieramos una función callback.

Estos son los 3 parámetros más usados de este método.

Saludos.