Как ПОСТОЯННО вращать объект с помощью jquery?

Question

ХОРОШО! Вот ситуация. У меня есть плагин jQuery, который анимирует фоновое изображение в моем заголовке для постоянной прокрутки слева направо. У меня есть .png колеса, сидящего на этом заголовке. Мне нужно, чтобы колесо постоянно вращалось вместе с движущимся фоном.

CSS3 - Да, я мог бы использовать CSS3, но тогда какой-нибудь бедняга, использующий Internet Explorer, увидел бы неподвижное колесо на подвижном фоне, что было бы странно.

jQuery Plugins - это то, что я хотел бы использовать, но я еще не нашел тот, который будет постоянно вращать изображение. Большинство из них вращаются только на определенный угол, когда вы активируете его.

Если у кого-то есть мысли, я буду признателен за это!

Answer 1

Вы можете попробовать это:

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

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

Answer 2

Ознакомьтесь с моим постом:

• Вращайте и отлетайте элементы с помощью jQuery и CSS3
• См. ДЕМО

Answer 3

Это не jQuery как таковой, но если вы хотите постоянно что-то делать в JavaScript, используйте setInterval(), например:

setInterval("alert('Rotate!');", 100);

Но замените предупреждение вашим кодом поворота, и интервал будет в миллисекундах.

Answer 4

Похоже, что вы хотите этот ответ на связанный вопрос о вращении изображений с jQuery ...

Но это просто вращающееся колесо, тогда анимированный GIF с двумя или тремя кадрами будетвероятно, будет проще, быстрее и менее ресурсоемко ...

Answer 5

@ dietbacon спросил, как остановить вращение.Поскольку я пока не могу комментировать, я отвечу здесь.

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

Answer 6

Я создал для этого плагин, который также работает с Internet Explorer 7 и 8!Вот и все: http://wp -dreams.com / jquery-element-вращение-плагин /

Answer 7

Вы можете использовать плагин jquery для вращения изображения, такого как 3d-объект:

Плагин pic360