Составить правильный алгоритм для скрипта parallax?

Всем привет!
Сайт: http://3d-photo.stroi-business.ru/
Мне нужно сделать parallax-эффект компаса на заднем фоне формы заявки.
Оно должно крутиться. Я реализовал это в самом простом виде, но мне кажется это полный отстой.
Вот скрипт (так же есть функция, которую я пока не использую, но она форматирует CSS свойства transform, возвраемое скриптом):

Код: javascript


$("#containerTop").mousemove(function(e){
	var compas = $(this).find('.compas');
	var plusDeg = e.pageX/100;
	//var deg = getRotationDegrees($("#containerTop .compas"));
	//console.log(deg);
	$(this).find(" .compas").css('-webkit-transform', 'rotate('+ plusDeg +'deg)');
});

function getRotationDegrees(obj) {
    var matrix = obj.css("-webkit-transform") ||
    obj.css("-moz-transform")    ||
    obj.css("-ms-transform")     ||
    obj.css("-o-transform")      ||
    obj.css("transform");
    if(matrix !== 'none') {
        var values = matrix.split('(')[1].split(')')[0].split(',');
        var a = values[0];
        var b = values[1];
        var angle = Math.round(Math.atan2(b, a) * (180/Math.PI));
    } else { var angle = 0; }
    return (angle < 0)? angle +=360 : angle;
}

Как вы моете видеть оно поворачивается на 13 градусов и строго в одном направлении. Я хотел бы сделать так, чтобы его можно было крутить как руль.
Т.е. вращаем мышку по кругу и колесо крутится соответственно.
Для этого нужно использовать координаты e.clientY или e.pageY, но до меня никак не дойдет как задавать нужный поворот.

Помогите пожалуйста! !
Хотя бы словами описать алгоритм работы.

Задать отступы для скрипта Автор zeberdee	Ответов: 11 Просмотров: 3815	13.11.2013, 20:49:40 от zeberdee
Как правильно прописать CSS стили для правильнойработы скрипта? Автор RAZORG1991	Ответов: 1 Просмотров: 1966	16.11.2012, 16:30:57 от RAZORG1991
правильный синтаксис: a:visited и класс? Автор Cerhio	Ответов: 4 Просмотров: 2359	14.04.2011, 23:58:59 от Cerhio

Составить правильный алгоритм для скрипта parallax? - Вопросы по CSS

Новости Joomla

Вышли релизы безопасности Joomla 6.1.4 и Joomla 5.4.9

JoomShift - компонент переноса контента между Joomla сайтами.

kreker92

Составить правильный алгоритм для скрипта parallax?

Похожие темы