디테일로드 된 배경 이미지 깜박임

Question

내 사이트의 모든 자바 스크립트를 하나의 거대한 파일 (my_scripts.js)에 보관합니다. 모든 페이지에서, 나는이 파일의 로딩을 연기했다 (in-lined javascript 사용). 그것은 마지막으로로드하는 것입니다.

큰 HTML 이미지를 사용하기 때문에이 이미지의로드를 지연시키는 것이 좋습니다. document.body.style.backgroundImage = "url(my_background.jpg)";이

이제, 배경 이미지를 표시하는 데 필요한 CSS를 내 주에 추가됩니다 내 my_scripts.js의 첫 번째 줄은 내가이 추가로, 다음 background-image: url('my_background.jpg');

: 내 몸의 CSS 클래스에서 나는이 부분을 삭제 자바 스크립트 스타일 시트. 작동, 다른 모든 것들이로드 된 후에 큰 배경이로드됩니다.

하지만 : 페이지를 탐색 할 때 배경 이미지가 깜박입니다. 매번로드됩니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? my_scripts.js는 브라우저의 캐시에 있어야합니다. 깜박 거리는 이유는 무엇입니까?

편집 : 단순히 당신의 CSS 규칙이 아니 깜박임과 협력, 때문에 나는,

if (document.images) { 
img1 = new Image(); 
img1.src = "my_background.jpg"; 
} 

Answer 1

사용 background-image:url('my_background.jpg)"; 대신 document.body.style.backgroundImage = "url(my_background.jpg)";와 이미지를 미리 넣어두면 여전히 깜박입니다. 단순한.