Discussion :

[naivenu]

Bonjour,

J'ai ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

[naivenu]

C'est devenu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[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).