画像拡大スクリプトのソース内で・・・疑問２

質問

画像拡大スクリプトのソース内で・・・疑問２

highslide-with-gallery.jsと言う
画像拡大のスクリプトを利用していますが
IEで不具合があるので原因究明に
ソースを見ています
ですが、よくわからないので教えてください

1298行目
img.src = this.src;

この部分にくると

1283行目
img.onload = function () {
if (hs.expanders[exp.key]) exp.contentLoaded();
};

が実行されていることがわかりました（前回質問させていただきました）
============================================================--
if (hs.expanders[exp.key]) exp.contentLoaded();

これを
exp.contentLoaded();

だけにして実行しました
============================================================--
1298行
img.src = this.src;

直前で
alert(this.content.width);

とすると値は「0」ですが

1303行目
contentLoaded : function() {・・・・

直下に
alert(this.content.width);

とすると
値がすでに存在しています
いつ、代入されたのでしょうか？
============================================================--
と、ついでにもう１つ教えてください

this.content.widthの値ですが

IEでは正しい値を取得できません
============================================================--
test.html
<a href="images/test1.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="images/test1.jpg" alt="" width="100" /></a>

images/test1.jpg・・・高さ360　幅360
images/test2.jpg・・・高さ100　幅900

明らかにサイズの違う画像を用意しました
============================================================--
HTMLは変えずに画像をリネームした場合（入れ替えたり）

images/test2.jpg・・・高さ360　幅360
images/test1.jpg・・・高さ100　幅900

============================================================--
初期表示時
this.content.widthの値は360

============================================================--
画像リネーム（1→2、2→1）してIEを開きなおして
（ついでにキャッシュもクリアーして）
再表示した際

this.content.widthの値は360

となってしまいます

ここは
this.content.widthの値は900となってもおかしくないのですが・・・

（同様にthis.content.heightもです）
============================================================--
いったいどこの値を取得してきてるのでしょうか？
この現象はIEだけです

回答No.1

fujillin · ベストアンサー

前回の質問/回答だけしか見てませんが…
　http://okwave.jp/qa/q6019051.html

＞とすると
＞値がすでに存在しています
前回のANo2様の回答にありますが、contentLoaded() の呼出しはimg.onloadの無名関数内に設定されています。
一方、
＞img.src = this.src;
＞直前で
＞alert(this.content.width);
では、当然ながら呼出しはまだ行なわれていません。

＞いつ、代入されたのでしょうか？
img.src = this.src　以後、画像がロードされた時です。
その後で、無名関数が実行され、contentLoaded()が呼び出されます。

前回の回答にも言及されていますが、IEでは画像のonloadが不確実なようです。
（私も知りませんでしたが、先日、別の方に教えてもらいました。）
　http://www.keyframe.co.jp/blog/archives/418

なので、↓の最初の方法の方が確実かも…（未確認）
　http://okwave.jp/qa/q6005870.html
　http://naruken.cweb.tk/labo/java/view4.html

お礼

ありがとうございます
参考にさせていただきます
すごーく助かりました！！