jQuery: Comment lisser redimensionnement image animée

Question

Je suis un jQuery noob - alors s'il vous plaît excusez la base probable de cette question. Je fais quelque chose de très simple - en survolant la position et la taille d'une image. Lorsque vous passez la souris sur les images, il y a des «jaggies» visibles (en FF, chrome, safari et autre navigateur merdique) - y a-t-il un moyen de s'en débarrasser? Le code jquery est le suivant et un lien direct est ici kristechdev.metropoliscreative.com (survolez les icônes).

<script type="text/javascript"> 

    $(document).ready(function() { 

    $('#zoomNav li img').hoverIntent(

    function() { 

     $(this).animate({'margin-top' :'-35px', 'margin-left' :'-10px', 'height' :'95px','width' : '79px' }, 
      'fast'); 
    }, 

    function() { 

     $(this).animate({'margin-top' : '0px', 'margin-left' :'0px', 'height' :'70px','width' : '58px' }, 
      'fast'); 
    });  
    }); 



</script> 

Answer 1

pourrions avoir besoin de enable interpolation on images dans IE, si c'est là le problème.