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

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

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

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

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

Ответ 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();

Ответ 3

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

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

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

Ответ 5

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

плагин pic360

Ответ 7

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

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