连续旋转图像答案

【问题标题】：rotating an image continuously连续旋转图像
【发布时间】：2011-09-06 19:37:03
【问题描述】：

我想在我的网站上放置旋转徽标。我的意思是它应该不断地旋转。我试过用 jquery 做这样的事情。请看一下并建议我哪里出错了。为什么这段代码不起作用。请帮帮我

var rotation = function (){
   $("#img").rotate({
      angle:0, 
      animateTo:360, 
      callback: rotation,
      easing: function (x,t,b,c,d){        // t: current time, b: begInnIng value, c: change In value, d: duration
          return c*(t/d)+b;
      }
   });
}
rotation();

我已经在我的 html 中这样使用了这段代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript">
var rotation = function (){
   $("#img").rotate({
      angle:0, 
      animateTo:360, 
      callback: rotation,
      easing: function (x,t,b,c,d){        // t: current time, b: begInnIng value, c: change In value, d: duration
          return c*(t/d)+b;
      }
   });
}
rotation();

</script>


<title>Untitled Document</title>
</head>

<body>


<img src="LMIH_LOGO.png" width="174" height="322" name="img" id="img" />
</body>
</html>

它不工作。请任何人帮助我

【问题讨论】：

我为此推荐一个动画 gif。
你不包括旋转插件
Usman，我已经包含了 jquery.rotate.1-1.js，但它仍然无法正常工作:(

标签： jquery rotation image-rotation

【解决方案1】：

jQuery 没有 .rotate() 函数。我认为您的意思是包括jQuery Rotate plugin。

【讨论】：

不仅如此，在他调用他的东西的时候，DOM还没有准备好。
@max：使用了旋转插件并更改了功能，现在可以使用了。非常感谢。谢谢！

【解决方案2】：

我不确定自己的代码中是否存在错误，或者它是否只是没有启动，但我首先要尝试的是将函数调用移动到文档就绪侦听器...

试试：

$(document).ready(function() {
rotation();
});

而不仅仅是

rotation();

问题可能是当这个函数执行时，你试图操作的图像实际上并没有加载到 dom 中。将其移动到文档就绪回调将确保 dom 在执行之前完全加载。

【讨论】：

瑞克，我试过这个方法，但结果还是没有出来:(。