Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用动画方向更改图像_Javascript_Jquery_Html_Css_Html5 Canvas - Fatal编程技术网

Javascript 使用动画方向更改图像

Javascript 使用动画方向更改图像,javascript,jquery,html,css,html5-canvas,Javascript,Jquery,Html,Css,Html5 Canvas,我有两张母牛的照片。我想展示它从左到右,从右到左行走。 目前,我在两个州都使用一个图像,我想使用两个图像,其中奶牛向左行走时面向左侧,向右行走时面向右侧 如何实现这一点?您可以在动画方向改变时使用更改src属性,从而更改图像: $(document).ready(function() { function cowLeft() { $("img#b").attr('src','PATH_TO_IMG_COW_FACING_LEFT').animate({lef

我有两张母牛的照片。我想展示它从左到右,从右到左行走。 目前,我在两个州都使用一个图像,我想使用两个图像,其中奶牛向左行走时面向左侧,向右行走时面向右侧


如何实现这一点?

您可以在动画方向改变时使用更改
src
属性,从而更改图像:

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

请检查我的问题底部部分,我已经把另一个部分,我卡住了。请指教me@user3786234这是一个不同的问题,你应该在这里删除它,并提出一个新的问题。由于我是新用户,我必须再等待90分钟,以便下一个问题张贴,这就是为什么我把它放在这里。拜托help@user3786234我不习惯画布,所以我不能有效地帮助。我能给你的唯一建议就是等待,然后用合适的标签发布一个新问题。