#jquery #image #animation #autorotate
#jquery #изображение #Анимация #автоматический поворот
Вопрос:
У меня есть регулятор усиления, который я хотел бы повернуть до определенной степени при загрузке страницы. Я пытаюсь использовать эту библиотеку jQuery: http://code.google.com/p/jqueryrotate /
Я просто не знаю, как это правильно настроить. Я смог использовать webkit для поворота изображения, но я хочу, чтобы там была анимация. Если кто-нибудь может сообщить мне, как правильно использовать библиотеку, я был бы очень признателен!
Помните, мне нужно, чтобы вращение происходило при загрузке страницы. В идеале анимация должна повторяться через 5-10 секунд. С нетерпением жду вашей помощи.
Комментарии:
1. вы смотрели страницу с примером? code.google.com/p/jqueryrotate/wiki/Examples
2. да, я просмотрел страницу с примером, поскольку я не полный идиот. Но я попытался дублировать примеры, и у меня не получилось заставить это работать. Так что я идиот только отчасти. Спасибо.
3. Теперь ваш проект работает с использованием решения ocergynohtnah, как показано здесь: jsfiddle.net/eYdjW
4. Не должен нуждаться в jQuery
Ответ №1:
все настроено нормально на tonesettings.com/rotate. единственная проблема, с которой вы сталкиваетесь, заключается в том, что вы вызываете функцию rotation () до завершения загрузки страницы. вы можете просто перевести его в состояние готовности, и оно должно сработать при загрузке страницы.
Измените следующее:
<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>
Надеюсь, это помогло!
Комментарии:
1. Я думаю, что запрашивающий отказался от своего проекта, поскольку прошло уже почти 1 год. Жаль, потому что ваш код работает здесь: jsfiddle.net/eYdjW
2. 1 год спустя: Спасибо за вашу помощь. 🙂
Ответ №2:
Мы можем быть здесь весь день, пытаясь угадать вашу анимацию, но здесь это просто игра со значениями из списка ниже.
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: продолжительность
Комментарии:
1. Хорошо, я думаю, с чем у меня больше всего проблем, так это с тем, как на самом деле заставить этот код работать. Не могли бы вы взглянуть на код и объяснить, что я делаю неправильно? tonesettings.com/rotate
2. у вашего изображения идентификатор «#img» удалите хэш и попробуйте еще раз, #в jequery просто представляет идентификаторы html-элемента, например,
<img id="test" />было бы$('#test');в качестве селектора указать, что вы получаете элемент по идентификатору.3. также используйте только один уникальный идентификатор или используйте атрибут class hit w3schools.com для учебных пособий и не пропускайте чтение, пока не поймете, что они означают
4. Изначально я добавил идентификатор без хэша, поскольку предполагал, что именно так это должно работать. Я просто изменил его обратно, чтобы оно было без #, и это все еще не работает .. есть идеи?
5. какое сообщение об ошибке вы получаете?, и вы проверили, что скрипт rotate был введен в функцию rotation () ?
Ответ №3:
пожалуйста, проверьте это для примеров поворота изображений j query :