Animations lentes, optimisation ?

Version imprimable

Bonjour,

J'ai ce code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $document).ready(function() { $( ".hoverplay" ).tooltip({ hide: { effect: "bounce", delay: 250 }, position: { my: "center", at: "center top" } }); $(".left_module ul a").hover(function(){ $(this).animate({ color:"#FF7CFF" }, 200); },function(){ $(this).animate({ color:"#AAA" }, 200).effect("bounce", 500); }); })
Il y a deux animations, les liens du menu et les tooltips. Séparées, ces animations sont rapides, mais lorsque les deux s'animent en même temps, j'ai un gros ralentissement...

Y a t'il un moyen d'éviter ce ralentissement ?

Merci!

C'est devenu :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
jQuery(function($){
$( ".hoverplay" ).each(function(){
  $(this).tooltip({hide:{effect:"explode",delay:150},position:{my:"center",at:"center top"}});
    });
 
 
$(".categories_list > li > a").hover(function(){
   $(this).animate({ color:"#FF7CFF" }, 200)
 .queue(function() {
  $(this).animate({ color:"#AAA" }, 200)
  .queue(function() {
   $(this).effect("bounce", 500);
   $(this).dequeue();
  }); 
  $(this).dequeue();
 }); 
})
 
})

C'est .hoverplay qui rame car son contenant a "display:inline-block", quand je l'enlève ça ne rame plus ! Sauf que je suis obligé de le mettre, que faire ?

19/04/2013, 20h51
danielhagnoul

Bonsoir

C'est peut-être le mélange d'effets UI avec la méthode de animation() qui pose problème, mais ce n'est qu'une supposition, je ne peux rien tester sans les codes (CSS, HTML, JS).