画像の操作：
Imageオブジェクトの読み込みが完了しているか確認
Imageオブジェクトを渡して、画像の読み込みが完了しているかどうかをBool値で返す。
Object
new Image()で生成したオブジェクトを渡す
●必須引数 ●オプション引数(省略可能)
記述例
$imgObjLoaded(ImageObject)
戻り値
Imageオブジェクトに設定している画像の読み込み状況をBool値で返す。
・true：読み込み済み
・false：未読み込み・読み込み中
動作サンプル
4つのImageオブジェクトを生成して、読み込まれたら下のエリアに表示する。
Javascript :
var aStatus=false;
var aCount=1;
var imgObj1,imgObj2,imgObj3,imgObj4;
function sample1() { //Imageオブジェクト生成の開始
if(!aStatus) {
aStatus=true;
sample1act();
}
}
function sample1act() {
if(aCount==1) {
imgObj1=new Image();
imgObj1.src='images/pht_big3.png';
} else if(aCount==2) {
imgObj2=new Image();
imgObj2.src='images/pht_big4.png';
} else if(aCount==3) {
imgObj3=new Image();
imgObj3.src='images/pht_big5.png';
} else if(aCount==4) {
imgObj4=new Image();
imgObj4.src='images/pht_big6.png';
}
if(aCount<4) {
aCount++;
setTimeout(sample1act,2000);
}
}
function sample1_check() {
var resultStr='';
if($imgObjLoaded(imgObj1)) { //imgObj1の読み込み状況を判定
$id('photo1').src=imgObj1.src;
resultStr+='imgObj1=true ／ ';
} else {
resultStr+='imgObj1=false ／ ';
}
if($imgObjLoaded(imgObj2)) { //imgObj2の読み込み状況を判定
$id('photo2').src=imgObj2.src;
resultStr+='imgObj2=true ／ ';
} else {
resultStr+='imgObj2=false ／ ';
}
if($imgObjLoaded(imgObj3)) { //imgObj3の読み込み状況を判定
$id('photo3').src=imgObj3.src;
resultStr+='imgObj3=true ／ ';
} else {
resultStr+='imgObj3=false ／ ';
}
if($imgObjLoaded(imgObj4)) { //imgObj4の読み込み状況を判定
$id('photo4').src=imgObj4.src;
resultStr+='imgObj4=true';
} else {
resultStr+='imgObj4=false';
}
return resultStr; //判定結果を出力
}
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。