Попытка поворота изображения (анимация jQuery) при загрузке страницы до определенной степени

Question

У меня есть ручка усилителя, которую я бы хотел повернуть до определенной степени при загрузке страницы. Я пытаюсь использовать эту библиотеку jQuery: http://code.google.com/p/jqueryrotate/

Я просто не знаю, как правильно его настроить. Мне удалось использовать веб-набор для поворота изображения, но я хочу, чтобы там была анимация. Если кто-нибудь подскажет, как правильно пользоваться библиотекой, я буду очень признателен!

Помните, мне нужно, чтобы вращение происходило при загрузке страницы. В идеале анимация повторяется через 5-10 секунд. Ждем вашей помощи.

Answer 1

все настроено нормально на tonesettings.com/rotate. единственная проблема, с которой вы столкнулись, заключается в том, что вы вызываете функцию вращение () до завершения загрузки страницы. Вы можете просто перевести его в состояние готовности, и оно должно сработать при загрузке страницы.

Изменить следующее:

<script type="text/javascript">
var rotation = function (){
   $("#img").rotate({
      angle:0, 
      animateTo:360, 
      callback: rotation
   });
}
rotation();
</script>

до:

<script type="text/javascript">
var rotation = function (){
   $("#img").rotate({
      angle:0, 
      animateTo:360, 
      callback: rotation
   });
}
$(document).ready(function() {
    rotation();
});
</script>

Надеюсь, это помогло!

Answer 2

пожалуйста, проверьте это для j запросов к изображению :

http://code.google.com/p/jqueryrotate/wiki/Examples

Answer 3

Мы можем быть здесь весь день, пытаясь угадать вашу анимацию, но здесь она просто играет со значениями из списка ниже.

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

• t: текущее время
• b: начальное значение
• c: изменение значения
• d: продолжительность