저해상도 이미지를 디스플레이하기위한 자원의 주소를 반환하거나 설정한다.

인수

: (속성 문자열)

속성값은 저해상도 이미지를 디스플레이하기위한 자원의 주소를 나타내는 문자열이다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

특기

일반적으로 큰 사이즈의 이미지 파일을 로딩하는 시간동안 저해상도 이미지를 디스플레이하기 위하여 사용된다.

src 속성에 값을 설정하면, 브라우저는 기존의 이미지를 없애고 새로운 주소에서 이미지를 읽어 그 이미지 지역에 표시하게 된다. lowsrc 속성은 일반적으로 해상도가 낮은 이미지를 해상도가 높아 로딩에 시간이 걸리는 src 속성 이전에 읽어 디스플레이 했다가 src가 다 읽어지면 이미지를 교체하게 된다. 따라서 src 속성의 설정은 src 설정 이전에 해야 한다.

이미지 사이즈가 이미지 디스플레이 지역과 크기가 다르면 브라우저는 자동적으로 크기를 조정하여 이미지 지역에 맞춰 디스플레이한다.

적용

개체	script	HTML	규격	IE

참고

이 속성은 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.

flower.jpg flowerLowSrc.jpg

다시 로드

결과 표시창

이미지 파일 크기가 크거나 속도가 느린 경우에 쉽게 감지할 수 있다.

<IMG id="imgObj" src="../../gif/flower.jpg" lowsrc="../../gif/flowerLowSrc.jpg" width="400"><BR>
<DIV style="border:dotted 1 gray;padding:5">
flower.jpg <IMG src=../../gif/flower.jpg height=50><SPAN style=width:2em></SPAN>
flowerLowSrc.jpg <IMG src=../../gif/flowerLowSrc.jpg height=50></DIV>
<BUTTON onclick="location.reload();">다시 로드</BUTTON>
<DIV id=showA>결과 표시창</DIV>
<SCRIPT>
str='imgObj.src='+imgObj.src+'<BR>';
str+='imgObj.lowsrc='+imgObj.lowsrc;
showA.innerHTML=str;
</SCRIPT>