画像が読込み中かどうかチェックするサンプルです。
サンプルソース
例)画像が読込み中かどうかチェックする
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script> function fncCheckImg(){ var x = document.getElementById("img1"); if(x.complete){ alert("読込み完了です。"); }else{ alert("読込みは完了していません。"); } } </script> </head> <body> <img src="bb.png" id="img1"> <input type="button" value="チェック" onclick="fncCheckImg();"> </body> </html> |
チェックボタンを押すと、画像の読込状況を表示します。
解説
- 読み込み処理が終わっていれば、リンク切れで読み込めない場合でもtrueとなります。