непрерывное вращение изображения - PullRequest
Новая
       18

непрерывное вращение изображения

1 голос
/ 06 сентября 2011

Я хочу разместить вращающийся логотип на моем сайте. Я имею в виду, что он должен постоянно вращаться. Я пытался делать это с помощью 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>

Это не работает. Пожалуйста, кто-нибудь, помогите мне в этом

Ответы [ 2 ]

5 голосов
/ 06 сентября 2011

jQuery не имеет функции .rotate (). Я думаю, вы хотите включить плагин jQuery Rotate .

0 голосов
/ 06 сентября 2011

Я не уверен, есть ли ошибка в самом коде или он просто не запускается, но первым делом я попробую переместить вызов функции для поворота в слушатель готовых документов ...

Попытка: 

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

вместо 

rotation();

Проблема может заключаться в том, что изображение, которым вы пытаетесь манипулировать, фактически не загружается в DOM, когда эта функция выполняется. Перемещение его в обратный вызов готовности документа обеспечит полную загрузку dom перед выполнением.

...