JavaScriptで画像サイズと合ったポップアップウィンドウを開く

質問

いつもお世話になっています。

題名のとおりですが、サムネイルをクリック→オリジナル画像を画像サイズでポップアップしたいと考えています。
画像の数も多く、サイズもバラバラのため、window.openで一つ一つサイズ指定するのは大変だな～と考えていたところ、

http://creazy.net/2006/12/javascript.html

にて、すばらしい方法を紹介していました。

早速、上記をテストしてみたのですが、2点気になる部分があります。

　　・IE7にてポップアップ画像が画面一杯に表示されてしまう。
　　・firefoxだとポップアップウィンドウの表示に問題はないが、読み込みが終わらない。

この改善策はあるのでしょうか？
ポップアップウィンドウが画像サイズで開けば、まったく別の方法でも構いません。
宜しくお願いします。

回答No.1

leap_day · ベストアンサー

こんにちは

IE7は持っていないので推測でしかないですけど以前IE7はタブ型だと目にしたことがあるような気がします(違ってたらすみません）
ブラウザの設定で『新しいタブで開く』や『常に最大化して表示』などの設定になっていませんか？
Operaでもそうなのですがそのような設定にしてあるとopen.windowにサイズ指定しても画面一杯に表示されます（＞＜）

firefoxの方は pop_win.window.document.write(　　);　の前後に

pop_win.window.document.open();　（←前）

pop_win.window.document.close();　（←後）

を付け加えればO.K.だと思います
あとpadingではなくpaddingです（＞＜）

ポップアップウィンドウではありませんがHislideやLightboxやThickbox、Prototype JavaScript Windowsなどの方法もあります

http://youmos.com/news/highslide_js
http://serennz.sakura.ne.jp/toybox/lightbox/?ja
http://kishi-r.com/jquery_sample/thickbox_image.php
http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter83/001/sample1/index.html

お礼

ご回答ありがとうございます！

上記ためしたところ、firefox改善しました！
IE7もタブ設定を変更したところ、タブではなく新しいウィンドウで開くようになりました。（ただ表示サイズがおかしいですが…）

教えていただいたリンク拝見しました。
特にhighslideって素敵ですね。
実装するのが大変そうですが、頑張ってみます。

今回はありがとうございました！