jQuery: как сгладить изменение размера анимированного изображения - PullRequest
Новая
       9

jQuery: как сгладить изменение размера анимированного изображения

1 голос
/ 13 мая 2010

Я jQuery noob - поэтому, пожалуйста, извините, возможно, основность этого вопроса.

Я делаю что-то довольно простое - при наведении мыши анимируйте положение и размер изображения. Когда вы наводите курсор мыши на изображения, появляются заметные «неровности» (в FF, chrome, safari и других дрянных браузерах) - есть ли способ избавиться от этого? Код jquery выглядит следующим образом, а действующая ссылка находится здесь kristechdev.metropoliscreative.com (наведите курсор на значки). 

<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>

1 Ответ

0 голосов
/ 13 мая 2010

Может потребоваться включить интерполяцию для изображений внутри IE, если в этом проблема.

...