@ch3loveck

Как использовать jquery rotate при каждом клике?

Имеется код
var angle;
var duration;

$(document).ready(function(){

angle = getRandomInt(200, 400);
duration = getRandomInt(160, 250);

jQuery(".rotateimg").rotate({ 
bind:{
    click:function(){
	$(this).rotate({
	animateTo:angle,
	duration:duration
	}) }
   }});
   
});


срабатывает только первый клик по изображению. Не могу понять в чем ошибка.
  • Вопрос задан
  • 1135 просмотров
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Вариант со статичным углом и временем поворота jsfiddle.net/petroveg/f9way1n9
Вариант с постоянно меняющимися углом и временем поворота jsfiddle.net/petroveg/f9way1n9/1

$(function () {
	var start = 0,
		delta = 60,
		duration = 600;

	$('.rotateimg').rotate({
		bind: {
			click: function () {
				$(this).rotate({
					angle: start,
					animateTo: start + delta,
					duration: duration,
					callback: function () {
						start += delta;
					}
				});
			}
		}
	});
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы