2016-07-11 3 views
0

정적 HTML 문서에 다음 <img> 태그가 있습니다. HTML 문서에서 GIF에 애니메이션을 적용하는 방법은 무엇입니까?

<img src="foo.gif" alt="This is an animated gif image, but it does not move"/> 

는 I는 GIF 정적 (비 - 이동) 화상으로 나타난다 (즉 foo.gif)는 .gif 파일을 가리 키도록 그 src 속성을 설정 한 후. GIF는 어떻게 애니메이트합니까?

+3

이것은 예를 제공 할 수 있습니다, 기본적으로 작동해야합니까? – Alessio

+0

도움이 될까요? http://stackoverflow.com/questions/5818003/stop-a-gif-animation-onload-on-mouseover-start-the-activation –

+1

실례합니다. 원본 GIF가 애니메이션이거나 기본 형식입니다. (gif89a)? 몇몇 구글을하고 테스트 목적으로 애니메이션 GIF를 찾으십시오. 당신의 gif가 괜찮지 않은 것 같습니다. 베스트. – statosdotcom

답변

2

기본적으로 브라우저는 항상 애니메이션 gif를 재생하므로 사용자는 그 동작을 변경할 수 없습니다. GIF 이미지가 움직이지 않으면 브라우저에 문제가 있거나 이미지에 문제가있는 경우 두 가지 방법으로 볼 수 있습니다. 그런 다음 첫 번째 변형을 제외하려면 브라우저에서 신뢰할 수있는 이미지를 확인하십시오. (이 스 니펫을 아래에서 실행하십시오.이 애니메이션은 모든 브라우저에서 올바르게 작동하고 작동합니다).

코드가 정상적으로 보입니다. 이 스 니펫이 애니메이션 처리되어 있는지 확인할 수 있습니까?
NO 브라우저에 이상이있는 경우 인 경우 gif에 문제가있는 것입니다.

<img src="http://i.stack.imgur.com/SBv4T.gif" title="this slowpoke moves" />

+2

img src로 시작 : alt 텍스트가 표시되면 src가 잘못되었습니다. – nicolallias

관련 문제