Redya69
-
Posts
1 -
Joined
-
Last visited
Redya69's Achievements
Explorer (1/14)
0
Reputation
-
<html> <?php header("Content-type: text/html; charset=utf8"); ?> <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.transform.js"></script> <script type="text/javascript"> degr = 0; function rota(deg) { degr += deg; document.getElementById('rotateinfo').innerHTML = degr; var punzer = $('#punzer'); $(function(){ punzer.animate({transform: 'rotate(' + degr + 'deg)'}, 'slow', 'linear'); }); } </script> </head> <body onkeydown="if(event.keyCode == 68) rota(5); if(event.keyCode == 65) rota(-5);"> <div> <p>Rotate: <ppp id="rotateinfo">0</ppp> deg</p> <img src="pic/punzer.jpg" id="punzer" style="position:absolute; top:150px; left:250px" /> </div> <script type="text/javascript"></script> </body> </html> По нажатию на клавиатуре кнопок "d" и "a" изображение должно поворачиватся вправо или в влево на 5 градусов. В диапазоне от -10 до 10 градусов поворачивается нормально, а на значениях 15 или -15 зависает. Если шаг сделать 10 градусов, то, соответственно, зависает на значениях 30 и -30 градусов. Подскажите что не так. Пример тут: http://cyanea.ru/game/p.php Оказывается зависает только в Mozille. в IE и Хроме поворачивается, но все равно с какими-то подергиваниями. Есть какой-то другой метод поворачивания изображения?