Des effets d'animation vraiment fluides avec jQuery

Question

J'ai quelques jQuery mis en place sur ma page pour échanger des DIV lorsque l'utilisateur clique sur un lien. Les DIV ont des objets flash, des paragraphes et des images à l'intérieur et quand je clique sur le lien pour l'échanger, les effets ne sont pas exactement ... lisses.

Ceci est mon code:

$('#div').toggle('fast'); 
$('#anotherdiv').toggle('fast'); 

Il se coince un peu sur l'objet flash pour un court instant et disparaît complètement. Est-ce que quelqu'un connaît un plugin pour créer des effets animés vraiment fluides dans jQuery? J'ai jeté un coup d'oeil à l'interface utilisateur jQuery mais il semble un peu exagéré pour ce que je le veux.

Vive. :)

Answer 1

L'animation Javascript dépend vraiment du navigateur. IE est terriblement lent à javascript et la plupart du temps il ne vaut même pas la peine d'essayer d'animer avec IE. Firefox et le chrome sont bien meilleurs. Essayez-le en chrome et voyez si c'est encore problématique.

Answer 2

@stimms est juste sur la vitesse, mais il y a toujours une solution :)

Je cache le récipient flash avant de lancer l'animation. De cette façon, cela ne sera pas un obstacle.

Answer 3

Assurez-vous que le wmode de l'objet et/ou balise embed du flash sont mis à transparent ou opaque ...

il vaut le coup :)

Answer 4

Le problème de vitesse est principalement ici flash ... vous demandez au navigateur de repeindre rapidement une vidéo, pas quelque chose d'un navigateur tout à fait génial à faire. Je considérerais cacher les éléments flash avant de se cacher, et leur montrer après le reste, quelque chose comme ceci:

$(function(){ 
    $('#hideShowButton').toggle(function() { 
    $('#div object, #anotherdiv object').hide(); 
    $('#div').toggle('fast'); 
    $('#anotherdiv').toggle('fast'); 
    }, function() { 
    $('#div object, #anotherdiv object').show(); 
    $('#div').toggle('fast'); 
    $('#anotherdiv').toggle('fast'); 
    }); 
});