JQuery Animate（增加图像宽度）平滑

Question

所以我试图为横幅图像创建一个非常慢的放大和缩小效果

效果有效，但动画非常不稳定。反正有没有改善效果更顺畅？ Img默认为1000px，因此zoomIn功能的大小增加了30％。在50000ms它相当平滑，但为了达到预期的效果（不会让观众对页面内容过于分散注意力）我希望它是100000-200000ms。

感谢您提供的任何帮助！

  $bannerImg = $('img');

  function zoomIn(){
    $bannerImg.animate({
      width: '+=300',
      }, 100000,'linear');
    $bannerImg.promise().done(zoomOut);
  }

  function zoomOut(){
    $bannerImg.animate({
      width: '-=300',
      }, 100000,'linear');
    $bannerImg.promise().done(zoomIn);
  }

  zoomIn();

Answer 1

您可以非常轻松地为您的JS动画添加缓动，它将使所有动画更加平滑。在这里查看示例：jQuery Easing