Merhaba. Uafk bir animasyon (360 derece dönme) efekti hazırladım. Fakat istediğim olan hazırladığım imaj 360 derece bir tam tur döndükten sonra tamamen dursun.

Aşağıdaki kodlarda resim bir tam tur dönüyor ama stop etmiyor. Nereye ne yazmam lazım bir tur sonunda stop etsin.

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script type='text/javascript'>
//<![CDATA[ 
$(window).load(function(){
var rotation = function (){
   $("#image").rotate({
      angle:0, 
      animateTo:360, 
      callback: rotation
   });
}
rotation();
});
//]]>  
</script>
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
</head>
<body>
<img src="https://i.hizliresim.com/z2rV5R.png" id="image">
</body>
</html>