- ベストアンサー
pop upウィンドウを画像サイズに合わせて自動変更
いくつかのサムネール画像があって、POP upでいろんなサイズの画像を表示したいと思ってます。かつ、そのウィンドウは同じPOP upウィンドウが切り替わるようにしたいです。単にウィンドウサイズの指定を変えただけでは最初に開いたウィンドウサイズのままで切り替わってしまいます。これを画像サイズに合わせてウィンドウサイズも変える方法はないでしょうか? 画像サイズはたった2種なんですが、横長と縦長なので・・・
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
>でも画像サイズを制御してるのは親ウィンドウですよね。 いえいえ、すべてPOPUPウィンドウの方で制御します。 もしウィンドウロード後にウィンドウサイズを変えるのがお嫌でしたら、 親ウィンドウの方に画像のサイズを持たせておいて、 Window.openメソッドのプロパティにそのサイズを入れてPOPUPが開く時のサイズを指定するという方法もありますよ。 <A HREF="#" onClick="window.open("URL","名前","width=幅,height=高さ")"><IMG SRC="画像のパス" WIDTH=幅 HEIGHT=高さ></A>
その他の回答 (1)
- yuizuian
- ベストアンサー率42% (103/245)
<IMG SRC="画像のパス" NAME="画像名">としておいて、 document.images["画像名"].widthで画像の幅、 document.images["画像名"].heightで画像の高さを取得することができます。 これを使ってonLoad時にウィンドウサイズを変えるというのはどうでしょう? ネスケではwindow.innerWidthとwindow.innerHeight、 IEではdocument.body.clientWidthとdocument.body.clientHeightです。 例: windowinnerWidth = document.images["img"].width
補足
なんとなく・・わかるのですが。この場合、まずブラウザを判定しますよね。 で、画像のサイズを取得するのはPOP UPウィンドウのロード時ですよね。 でも画像サイズを制御してるのは親ウィンドウですよね。 すんません、もうちょいアドバイスをお願いします。
お礼
いろいろ作業をやってて遅くなってしまいました。 最初にいただいた画像サイズの取得をヒントにresizeTo()でやったら それらしくなりました。ありがとうございました。