用动画方向更改图像

Question

我有两张牛的照片。 我想展示它从左到右和从右到左行走。 目前，我在两个状态下都使用一个图像，我想使用两个图像，其中，当向左行走时母牛朝左，向右行走时母牛朝右。

我该如何实现？

Answer 1

当动画方向更改并因此更改图像时，可以使用.attr()方法更改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();
  });