0

そのため、バナー画像の非常に遅いズームインおよびズームアウト効果を作成しようとしています

エフェクトは機能しますが、アニメーションは非常に不安定です。効果をより滑らかにするために改善する方法はありますか？Img はデフォルトで 1000px であるため、zoomIn 関数のサイズが 30% 増加します。50000 ミリ秒ではかなりスムーズですが、目的の効果 (ページ コンテンツの閲覧者の邪魔にならない) を得るには、100000 ～ 200000 ミリ秒にしたいと考えています。

ご協力いただきありがとうございます。

  $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();
4

1 に答える 1

0

JS アニメーションにイージングを簡単に追加でき、すべてのアニメーションがかなりスムーズになります。ここで例を確認してください: jQuery Easing

于 2013-05-10T16:23:43.577 に答える