A- 프레임 : 이미지가로드 될 때까지 실행을 대기하려면 어떻게해야합니까?

Question

도움이 필요합니다. 일부 A- 프레임 사이트를 만들고 있는데 배경 이미지가로드 될 때만 시작해야합니다. 요점은 360 도는 200도 x 20000 픽셀과 같이 거대한 크기의 구형 배경이있는 그림이기 때문에 10 초 정도로드됩니다. 그것은 인터넷 속도에 달려 있습니다. 광고 배경이 완전히로드되기 전에 애니메이션이 실행되는 것을 원하지 않습니다. 그런 다음 배경과 카메라의 움직임을 추가했지만 배경이로드 될 때까지 모두 실행되었습니다. 절대적으로 필요한 경우가 아니라면 jquery를 다운로드하고 싶지 않습니다. 어떤 아이디어?

Answer 1

window.onload을 사용하면 브라우저의 모든 내용이 렌더링 된 후에 만 ​​스크립트를 실행할 수 있습니다.

function myAwesomeAnimationScript() {...} 

window.onload = myAwesomeAnimationScript; 

모든 스크립트를 함수로 묶고 이벤트를 처리하기위한 참조를 설정하기 만하면됩니다.

이 기본 예제이며, 다른 핸들러를 존중하는 더 우아한 솔루션을 원하는 경우, 지정된 이벤트에 대한 다른 이벤트 핸들러를 덮어 쓰기는 addEventListener()

조사