<SCRIPT>
document.write('document.images.length='+document.images.length+'<BR>');
for (i=0;i<document.images.length;i++){
  document.write('document.images['+i+'].src='+document.images[i].src+'<BR>');
}
</SCRIPT>

<IMG name="myimg" border="1" width="50" height="18" hspace="20" vspace="10" alt="test image" onClick="change()">
<DIV id="test"></DIV>

<SCRIPT>
img1='';
img2='';
myimg.src=img1;
myimg.lowsrc=img2;
function change(){
  if (myimg.src==img1) myimg.src=img2;
  else myimg.src=img1;
  str='myimg.src='+myimg.src+'<BR>';
  str+='myimg.lowsrc='+myimg.lowsrc+'<BR>';
  str+='myimg.border='+myimg.border+'<BR>';
  str+='myimg.complete='+myimg.complete+'<BR>';
  str+='myimg.name='+myimg.name+'<BR>';
  str+='myimg.width='+myimg.width+'<BR>';
  str+='myimg.height='+myimg.height+'<BR>';
  str+='myimg.hspace='+myimg.hspace+'<BR>';
  str+='myimg.vspace='+myimg.vspace+'<BR>';
  test.innerHTML=str;
}
</SCRIPT>

위 예제에서 계속 ... 의 이미지명은 "myimg"

<SCRIPT>
document.write('document.images["myimg"].name='+document.images['myimg'].name+'<BR>');
document.write('document.images["myimg"].src='+document.images['myimg'].src+'<BR>');
document.write('document.images["myimg"].border='+document.images['myimg'].border+'<BR>');
</SCRIPT>

<DIV class=show style=text-align:center;width:100>
  <IMG id=showImg src="../../../gif/rfexample.gif" border=0></DIV>
<DIV class=show onClick=imgChange()>클릭하여 이미지 변경시켜 보라.</DIV>

<SCRIPT>
imgArr=new Array();
imgArr[0]='../../../gif/rfexample.gif';
imgArr[1]='../../../gif/rfobject.gif';
imgArr[2]='../../../gif/rfexample.gif';
imgArr[3]='../../../gif/rfcode.gif';
imgArr[4]='../../../gif/rfmethod.gif';
imgArr[5]='../../../gif/rfproperty.gif';
imgArr[6]='../../../gif/rfevent.gif';
imgNumb=0;

function imgChange(){
  imgNumb++;
  if (imgNumb>6) imgNumb=0;
  showImg.src=imgArr[imgNumb];
  setTimeout(imgChange,1000);
}
</SCRIPT>