나는 내 블로그에 애니메이션 GIF를 게시하고 각 이미지 위에 재생 버튼을 추가하여 클릭하면 재생할 수 있습니다.onclick 애니메이션 이미지 (GIF)
0
A
답변
0
두 개의 이미지가 필요합니다. 하나의 이미지는 애니메이션이없는 첫 번째 프레임입니다. 그런 다음 고정 클릭 이미지를 애니메이션 이미지로 바꾸려면 클릭하십시오. 그래서 같은
뭔가 :
$(function(){
$('#StaticImage').click(function(){
$(this).attr('src', 'animated_file.gif');
});
});
+0
그래서 내가 수동으로 모든 gifs의 정적 이미지를 얻을 수 있나요? 9gag처럼 Play 버튼을 어떻게 추가 할 수 있을까요? 9gag.com GIF를 통해 내가 무엇을하려고하는지 확인하십시오. 고맙습니다! –
+0
네, 두 이미지입니다. 정적 이미지에는 투명한 재생 버튼이 있어야합니다. – Boone
관련 문제
- 1. WPF 이미지 소스 gif 애니메이션
- 2. 이미지 뷰에서 애니메이션 GIF 이미지 파일 재생
- 3. 애니메이션 - GIF
- 4. GIF 애니메이션 from 383 .gif 's
- 5. uibutton의 애니메이션 GIF
- 6. html css GIF 애니메이션
- 7. iphone의 스플래시 화면으로 애니메이션 GIF 이미지
- 8. 루비로 애니메이션 GIF 이미지 크기를 조정 하시겠습니까?
- 9. 애니메이션 진행률 표시 줄 안드로이드의 GIF 이미지
- 10. PHP GD 이미지 - 애니메이션 GIF 출력
- 11. Java에서 애니메이션 GIF?
- 12. 초대형 애니메이션 gif 최적화
- 13. 양식 제출 애니메이션 GIF
- 14. PHP에서 애니메이션 GIF 읽기
- 15. 애니메이션 로딩 GIF
- 16. 애니메이션 GIF 인코더 오류
- 17. PythonMagick으로 애니메이션 GIF 크기 조정
- 18. WeChat에 GIF 이미지 보내기
- 19. gif 위 이미지 추가
- 20. HTML5 캔버스로 애니메이션 GIF 생성
- 21. android gif 애니메이션 및 버튼
- 22. .gif 중요 조작 이미지
- 23. 설정 GIF 이미지 toProgressBar
- 24. 자바 : 쇼 GIF 이미지
- 25. GIF 애니메이션 재생/다시로드 GIF 클릭시
- 26. Lotus Notes의 애니메이션 GIF
- 27. QStyleSheet의 정적 GIF 애니메이션
- 28. Java에서 GIF 애니메이션 표시
- 29. QLabel에서 .gif 애니메이션 표시
- 30. 비활성화 GIF 애니메이션
가 http://stackoverflow.com/questions/5818003/stop-a-gif-animation-onload-on-mouseover-start-the-activation - 당신이 필요할 수 있습니다 정적 이미지를 클릭하면 스왑 아웃 – ashley