Chrome에서 애니메이션 gif가 제대로 작동하지 않음

Chrome에서 gif를 사용하는 데 문제가있는 것으로 보입니다. 파이어 폭스와 오페라에서는 잘 작동하지만 크롬에서는 조금만 스크롤하면 작동하는 것 같습니다. 내가 GIF가있는 반응 형 시차 웹 사이트를 구축하고 있다는 것을 아는 것이 유용 할 것입니다. 나는 이것에 관한 어떤 정보도 찾을 수 없다. 단지 크롬이 때때로 gif를 재생하지 못한다.Chrome에서 애니메이션 gif가 제대로 작동하지 않음

출처

2013-01-12 Miet

Chrome을 사용하고 애니메이션 GIF가 정상적으로 작동합니다. 당신을 위해 깨진 샘플 GIF를 게시 할 수 있습니까? – JBentley

아직 웹 사이트를 게시 할 수 없지만 웹 사이트가 반응적이거나 시차 스크롤을 사용하는 경우 문제가 있는지 궁금합니다. gif는 배경으로 설정됩니다. – Miet

다음은 gif입니다. http://miet.be/images/gifke.gif – Miet

문제는 gif가 100 % 배경으로 설정되었습니다. html 안에 이미지로 넣으면 다시 작동합니다. 이것은 이유를 설명하지는 않지만 해결 방법을 제공합니다.

출처

2013-03-08 10:41:55 Miet

GIF가 배경 이미지 일 때 수행해야 할 작업이 아직도 필요할지 모르겠다. Chrome은 GIF를 캐시하여 한 번만 재생합니다. 일부 jQuery로 다시 재생하려면 애니메이션을 '강제 실행'해야합니다.

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#myContainer").css("background-image", "url(/images/myAnimation.gif?"+ Math.random() + ")"); 
}); 
</script>

거의 당신은이 이미지의 새 인스턴스 생각하기 때문에 애니메이션을 재생하는 브라우저를 강제로 GIF URL의 끝에 임의의 숫자를 추가합니다. 브라우저에서 JS 문제가 발생하는 경우에도 요소 배경의 CSS에 GIF를 넣을 수 있습니다.

일종의 해키지만 작동합니다.

출처

2014-02-21 20:41:33 ClosDesign

고마워요, 더 이상 필요 없지만 어쩌면 다음 번에! – Miet

Chrome에서 애니메이션 gif가 제대로 작동하지 않음

답변

관련 문제