jQuery .animate() et image brouillée en mouvement

Question

Comment faire une animation épurée avec jQuery d'image se déplaçant à droite ou à gauche. Cela fonctionne beaucoup mieux dans Firefox que dans Chrome ou IE. Le brouillage est particulièrement grave lorsque la durée est réglée sur 2000 ou plus. Voici un exemple de ma page de démonstration: http://pastehtml.com/view/1bj06p8.html

code

est:

$('img#image').mousemove(function(e){ 
     if (e.pageX > winWidth - moveAtX) { 
      $('#status').html("go right"); 

      var left = { left: winWidth - imgWidth + 'px' } 
      $('img#image').animate(
       left, 
       { queue:false, duration: "slow" } 
      ); 
     } 
     else if (e.pageX <= moveAtX) { 
      $('#status').html("go left"); 

      var left = { left: '0px' }; 
      $("img#image").animate(
       left, 
       { queue:false, duration: "slow" } 
      ); 
     } 
     else { 
      $('#status').html(e.pageX +', '+ e.pageY + ' stop'); 
      $('img#image').stop(); 
     } 
    }); 

Pourquoi pas une image en mouvement élégant?

Merci!

Answer 1

La raison en est qu'il continue à faire l'appel à mousemove, en répétant plusieurs fois les appels à animer.

Vous devez limiter les appels à ces méthodes.