표시되기 전에로드 될 이미지 대기

Question

완전히로드 된 이미지를 표시하기위한 간단한 HTML/XHTML/CSS 코드가 있습니까?

나는 다소 큰 배경 이미지와 헤더 이미지 (Bytes-Wise)가 있고 브라우저에 표시되기 전에 이미지가 완전히로드되기를 기다리기를 원하기 때문입니다.

나는 비트 단위로 이미지로드를 보는 것이 약간 매력적이라고 ​​생각합니다.

감사합니다. 아론

Answer 1

visibility:hidden으로 시작하여 이미지의 onload 이벤트 처리기에서 visibility:visible으로 변경하십시오.

편집 : 예를 들어 당신의 HTML에서

은이 : 스크립트에서

<img onload="imgLoad(this)" style="visibility:hidden" ... /> 

가지고 :

function imgLoad(img) { 
    img.style.visibility='visible'; 
}