간단한 fadeIn 항상 지연

Question

나는이 그림을 표시하도록 선택할 때 페이지의 모든 애니메이션에 문제가 있습니다. 나는 그것을 fadeIn, visibility, animate : opacity, display : 블록으로 표시하려고 시도했다. 그리고 그것이 어떤 방법으로 밝혀도 여전히 브라우저가 질식하게 만든다. 이 문제를 해결할 방법이 있어야합니다. (나는 또한 이미지를 프리 로딩하려고 시도했지만 아무런 차이가 없다!) 이미지의 크기가 맞습니까?

http://jsfiddle.net/ZJpmT/2/

Answer 1

이 나는 ​​이미지 크기 의심. 빠른 테스트를 수행하면 5 초의 지속 시간을 가진 fadeIn이 표시 될 수 있지만 1 초의 지속 시간을 사용하면 전혀 효과가 나타나지 않지만 이미지를 한 번에 표시 할 수 있음을 보여줍니다.

크기가 1MB 인 이미지를 애니메이션하는 것은 원하는 것이 아닙니다. 이 이미지가 실제로 커야한다면 각 프레임에 페이지 배경과 일치하는 배경을 추가하고 JPG로 저장하십시오. 크기를 조금 줄일 수는 있지만 브라우저가 질식하는 것을 막을 수는 없습니다.