2012-01-03 3 views
0

jQuery를 사용하여 이미지를 계속 로딩 할 수 있습니까 (로딩 gif 에서처럼)? 정적 이미지의 경우. 이상적으로 45도 각도에서 계속 회전 할 수 있습니까?Animated Loading Gif with Jquery?

+0

"로드 중"이미지는 일반적으로 gif 애니메이션입니다. – Sparky

+0

우리가 타겟팅하는 장치가 불행히도 애니메이션 GIF를 지원할 수 없습니다. – Dancer

+3

@Paul 장치가 무엇인지 모르면 장치가 움직이는 GIF를 처리 할 수없는 경우 자바 스크립트를 사용하여 이미지 회전을 원활하게 처리 할 수 ​​있습니까? –

답변

0

볼 수있는 이미지를 회전하는 데 사용할 수있는 jQuery 라이브러리가 있습니다. 뿐만 아니라

http://code.google.com/p/jqueryrotate/

발견이 블로그 게시물 : 당신은 하나의 이미지가있는 경우

http://superdit.com/2011/01/06/rotating-image-using-jquery/

+0

좋은 SO 답변은 자체 포함 된 솔루션이어야하며 독자가 자신의 솔루션을 알아 내야하는 외부 소스에 대한 링크에만 의존해서는 안됩니다. 그리고 링크가 나 빠지게됩니다. – Sparky

+0

감사 크리스토퍼 - 당신은 나를 바른 길에 올려 놓습니다. jquery rotate 플러그인은 저에게 잘 작동합니다. – Dancer

+0

@Paul 기꺼이 도와주세요! –

0

는, 당신은하지만, 만에, 그렇게 할 수 instace이에서보세요 회전 변환을 할 수있는 브라우저. 단계별로 갈 필요가 없습니다.

.rotatable { 
    -webkit-animation: Rotate 1s infinite; 
} 
-webkit-keyframes Rotate { 
    from { 
     -webkit-transform: rotate(0deg); 
    } 
    100% { 
     -webkit-transform: rotate(360deg); 
    } 
} 
+1

그렇기 때문에 OP가 jQuery로 자신의 질문에 제목을 붙이고 태그를 추가했습니다 ... 그는 웹킷에만 국한된 CSS 이상을 사용하기를 원합니다. – Sparky

+0

그는 CSS가 그것을 할 수 있다는 것을 모른다고 가정하거나 jQuery가 CSS 변환을 실행한다고 가정합니다. –

+0

그리고 그것은 그의 질문에 완전히 대답하지 않습니다. – Sparky