WEBサイトの製作、管理、とかの日記ブログです。

<<   2023年05月   >>
SunMonTueWedThuFriSat
 123456
78910111213
14151617181920
21222324252627
28293031   
新着記事
カテゴリ
過去ログ
コメント
検索
JavaScriptで複数画像の先読み
2chブログに画像埋め込み機能付けたんだが、
imgのonloadって1枚目しか有効にならんのだな

複数画像アドレスで全部onloadで確認してロードできたら<img>表示。
ってやろうとしたんだが、
画像アドレス中のonload成功一個目だけ表示できるんだが、2個目以降はonloadイベントが発生しない。
onloadの前にエラーで読み込めない場合も多分、成功一個目で止まる。

で、
onloadイベントを設定する関数と、
イベント時に処理する関数を同じにして、
まずは全部にイベント設定して、
引数ありなら画像表示したうえで再度未完了の画像にイベント設定。
なしなら表示処理を飛ばしてイベント設定。
ってな感じにした。

まずはwindow.onloadで、引数なしで関数実行。
img.completeなら引数付けて同じ関数に。
引数付きなら表示して、className="loaded"に設定。loadedなら次以降無視。
img.completeでない場合はonloadイベントで同じ関数に引数付きで。
って感じにした。

この記事へのコメント
名前:
URL
コメント:
この記事へのトラックバック :
whblog 1.7