IE11はimg.onloadの反応が鈍い(ほとんど反応しない)

水面の揺れるJavaScriptのlake.jsを使って自分のページを作っていて、IEの場合だけエラーは起きないが、画面が現れない。
調べてみると
image.onload()
が反応しないため、イメージの読み込みに待ちの状態になっていることが解った。
IEのキャッシュから取り込んだ時は、反応しないようだ
そこで、

document.write('< img id="lake-img" src="lake.png?'+(new Date()).getTime()+'" style="display:none"/>');

と変化するミリ秒を結合して、違うファイルのようIEに見せかけて、毎回サーバーから読ませるようにしたところ
問題が解消でした

昨日のdocument.createElement("CANVAS");の対策と併せて

http://qpon.quu.cc/jquery/lake/

できれいに動くようになったのでご覧ください

<追伸>
Javascriptだけで、キャッシュを気にせず使える改良ができました

この記事へのコメント

この記事へのトラックバック