用动画方向改变图像

Question

我有一张奶牛的两张照片。我想表明它从左到右，从右到左走。 目前我正在使用一个图像用于两个状态，我想使用两个图像，当左边走时牛面朝左，右走时面朝右。

我怎样才能做到这一点？

Answer 1

您可以在动画方向更改时使用.attr() method更改src属性，从而更改图像：

<强> DEMO

 $(document).ready(function() { 
      function cowLeft() {
          $("img#b").attr('src','PATH_TO_IMG_COW_FACING_LEFT').animate({left: "-=100"}, 3500, "swing", cowRight);
      }
      function cowRight() {
          $("img#b").attr('src','PATH_TO_IMG_COW_FACING_RIGHT').animate({left: "+=100"}, 3500, "swing", cowLeft);
      }
      cowRight();
  });