Image オブジェクト

説 明: 画像の扱いに関するオブジェクト。

書 式:
  var image = new Image( width, height )
document.images[n].src = Source
document.images[n].lowsrc = Source
document.ImageObject.src = Source
document.ImageObject.lowsrc = Source
Length = document.images.length
Name = document.images[n].name
Value = document.images[n].border
Value = document.images[n].width
Value = document.images[n].height
Value = document.images[n].hspace
Value = document.images[n].vspace
Source = document.images[n].src
Source = document.images[n].lowsrc
Name = document.ImageObject.name
Value = document.ImageObject.border
Value = document.ImageObject.width
Value = document.ImageObject.height
Value = document.ImageObject.hspace
Value = document.ImageObject.vspace
Source = document.ImageObject.src
Source = document.ImageObject.lowsrc
新規に画像を生成
ソースを設定
低解像度用ソースを設定
ソースを設定
低解像度用ソースを設定
数の取得
名前の取得
枠線の太さを取得
幅を取得
高さを取得
左右のスペース幅を取得
上下のスペース幅を取得
ソースを取得
低解像度用ソースを取得
名前の取得
枠線の太さを取得
幅を取得
高さを取得
左右のスペース幅を取得
上下のスペース幅を取得
ソースを取得
低解像度用ソースを取得
  BOOL = document.images[n].complete
BOOL = document.ImageObject.complete
   画像がロードされたか。ロード完了は true、ロード中は false を返す。

注 意:
  新規に画像を生成する場合、サイズを width、height 指定( 省略可 )。

使用例:
  <IMG SRC="../../img/banner/venom.gif" LOWSRC="../../img/banner/venom.gif"
    WIDTH="150" HEIGHT="40" HSPACE="0" VSPACE="0" BORDER="0"
    NAME="img"><BR>
<SCRIPT TYPE="text/JavaScript">
<!--
document.write( "Length  : ", document.images.length, "<BR>" );
document.write( "Name    : ", document.img.name, "<BR>" );
document.write( "Border  : ", document.img.border, "<BR>" );
document.write( "Width   : ", document.img.width, "<BR>" );
document.write( "Height  : ", document.img.height, "<BR>" );
document.write( "Hspace  : ", document.img.hspace, "<BR>" );
document.write( "Vspace  : ", document.img.vspace, "<BR>" );
document.write( "Src     : ", document.img.src, "<BR>" );
document.write( "Lowsrc  : ", document.img.lowsrc, "<BR>" );
document.write( "Complete: <SPAN ID='com'>xxxxx</SPAN><BR>" );
var tID;
function chk()
{
  if( document.img.complete ) {
    clearInterval( tID );
  }
  com.innerText = document.img.complete;
}
tID = setInterval( "chk()", 400 );
//-->
</SCRIPT>

実 行: