jQuery анимирует, а не сглаживает

#jquery #jquery-animate #smooth

#jquery #jquery-анимировать #сглаживание

Вопрос:

у вас есть идея, как анимированные кошки могли бы двигаться плавнее?

Он заикается, и я не знаю, как сделать его более плавным. jQuery.fx.interval не помогает

http://christianhaller.com/jquery-animate-img.html

спасибо, Кристиан

Комментарии:

1. Попробуйте изображения улиток … может быть, медленнее, но плавнее.

2. советы: в текущем состоянии вы начали перемещать изображение, когда белая вспышка прекратилась; анимация, вероятно, выглядела бы более плавной, если бы вы начали перемещать изображение, когда началась белая вспышка.

Ответ №1:

Заикание, по-видимому, происходит из-за ослабления, поскольку вы перемещаете изображение на очень малую величину, и небольшие изменения очевидны. Просто установите для easing параметра анимации значение linear .

Ответ №2:

От Crosslide разработчика плагина jQuery:

Также стоит упомянуть, что CSS и DOM заставляют скрипт округлять положение и размер изображений до целых значений в пикселях для каждого кадра анимации, а не только ключевых кадров. Это фактически делает невозможным достижение медленной, плавной анимации. Если вы столкнулись с этой проблемой, мой единственный совет — либо ускорить анимацию, отказаться от панорамирования по диагонали и / или масштабирования изображения, либо переключиться на другую технологию анимации.

Я полагаю, что это применимо и здесь. Надеюсь, это поможет.