ХОРОШО! Вот ситуация. У меня есть плагин jQuery, который анимирует фоновое изображение в моем заголовке, чтобы постоянно прокручивать влево-вправо. У меня есть .png колеса, сидящего на этом заголовке. Мне нужно, чтобы колесо постоянно вращалось с движущимся фоном.
CSS3- Да, я мог бы использовать CSS3, но потом какая-то бедная душа, использующая Internet Explorer, увидит неподвижное колесо на движущемся фоне, который был бы странным.
jQuery Plugins - это то, что я хотел бы использовать, но мне еще нужно найти тот, который будет постоянно вращать изображение. Большинство из них поворачиваются на определенный угол при его активации.
Если у кого-нибудь есть какие-то мысли, я был бы признателен!
Вы можете попробовать следующее:
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();
Посмотрите сообщение:
Это не jQuery как таковое, но если вы хотите что-то делать постоянно в JavaScript, используйте setInterval(), например:
setInterval("alert('Rotate!');", 100);
Но замените предупреждение кодом вращения, а интервал - в миллисекундах.
Похоже, вы хотите ответить на соответствующий вопрос о вращении изображений с помощью jQuery...
Но это чисто вращающееся колесо, тогда два или три фрейма с анимированным gif, вероятно, будут проще, быстрее и менее интенсивно потреблять процессор...
Вы можете использовать плагин jquery для вращения изображения, например, 3D-объекта:
Я создал для этого плагин, который также работает с Internet Explorer 7 и 8! Вот вы: http://wp-dreams.com/jquery-element-rotation-plugin/
@dietbacon спросил, как остановить вращение. Поскольку я еще не могу прокомментировать, я отвечу здесь.
В ответе this я написал функцию, которая выполняет бесконечное вращение в данном элементе и может быть отменена.