2011-09-06 5 views
1

내 웹 사이트에 회전 로고를 넣고 싶습니다. 나는 그것이 계속해서 회전해야한다는 것을 의미한다. 나는 jquery와 같은 일을 시도했다. 제발 내가 어디로 가고 있는지 나에게 제안 해주세요. 이 코드가 작동하지 않는 이유. 나는이이미지를 연속적으로 회전

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script type="text/javascript" src="jquery-1.4.4.js"></script> 
<script type="text/javascript" src="jquery.easing.1.3.js"></script> 
<script type="text/javascript"> 
var rotation = function(){ 
    $("#img").rotate({ 
     angle:0, 
     animateTo:360, 
     callback: rotation, 
     easing: function (x,t,b,c,d){  // t: current time, b: begInnIng value, c: change In value, d: duration 
      return c*(t/d)+b; 
     } 
    }); 
} 
rotation(); 

</script> 


<title>Untitled Document</title> 
</head> 

<body> 


<img src="LMIH_LOGO.png" width="174" height="322" name="img" id="img" /> 
</body> 
</html> 

그것이 작동하지처럼 내 HTML에서이 코드를 사용하고 저

var rotation = function(){ 
    $("#img").rotate({ 
     angle:0, 
     animateTo:360, 
     callback: rotation, 
     easing: function (x,t,b,c,d){  // t: current time, b: begInnIng value, c: change In value, d: duration 
      return c*(t/d)+b; 
     } 
    }); 
} 
rotation(); 

도와주세요. 아무도 도와주세요.

+1

나는 이것에 대한 애니메이션 GIF를 권장합니다. –

+0

회전 플러그인을 포함하지 않습니다. – Usman

+0

Usman, jquery.rotate.1-1.js를 포함했지만 여전히 작동하지 않습니다. ( – priya

답변

5

jQuery에는 .rotate() 함수가 없습니다. 나는 당신이 jQuery Rotate plugin을 포함한다는 것을 의미한다고 생각합니다.

+3

그뿐만 아니라 그의 물건을 호출 할 때 DOM이 준비되지 않았습니다. –

+0

@max : 플러그인을 사용하여 회전하여 함수를 변경했습니다. 고마워요. – priya

0

코드 자체에 버그가 있거나 시작하지 않은 경우 버그가 있는지는 잘 모르겠지만 먼저 시도 할 함수 호출은 문서 준비 수신기로 회전하도록 이동하는 것이 좋습니다 ...

시도 :

$(document).ready(function() { 
rotation(); 
}); 

대신 단지

rotation(); 

이 문제는 이미지 실제로 DOM에로드 밤은을 조작하려고하는 것을 할 수있는 경우이 기능 전자 xecutes. 문서 준비 콜백으로 이동하면 dom이 실행되기 전에 완전히로드됩니다.

+0

릭,이 방법을 시도했지만 여전히 결과가 나오지 않습니다 :(. – priya

관련 문제