• ベストアンサー

pop upウィンドウを画像サイズに合わせて自動変更

いくつかのサムネール画像があって、POP upでいろんなサイズの画像を表示したいと思ってます。かつ、そのウィンドウは同じPOP upウィンドウが切り替わるようにしたいです。単にウィンドウサイズの指定を変えただけでは最初に開いたウィンドウサイズのままで切り替わってしまいます。これを画像サイズに合わせてウィンドウサイズも変える方法はないでしょうか? 画像サイズはたった2種なんですが、横長と縦長なので・・・

質問者が選んだベストアンサー

  • ベストアンサー
  • yuizuian
  • ベストアンサー率42% (103/245)
回答No.2

>でも画像サイズを制御してるのは親ウィンドウですよね。 いえいえ、すべてPOPUPウィンドウの方で制御します。 もしウィンドウロード後にウィンドウサイズを変えるのがお嫌でしたら、 親ウィンドウの方に画像のサイズを持たせておいて、 Window.openメソッドのプロパティにそのサイズを入れてPOPUPが開く時のサイズを指定するという方法もありますよ。 <A HREF="#" onClick="window.open("URL","名前","width=幅,height=高さ")"><IMG SRC="画像のパス" WIDTH=幅 HEIGHT=高さ></A>

kojio03
質問者

お礼

いろいろ作業をやってて遅くなってしまいました。 最初にいただいた画像サイズの取得をヒントにresizeTo()でやったら それらしくなりました。ありがとうございました。

その他の回答 (1)

  • yuizuian
  • ベストアンサー率42% (103/245)
回答No.1

<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

kojio03
質問者

補足

なんとなく・・わかるのですが。この場合、まずブラウザを判定しますよね。 で、画像のサイズを取得するのはPOP UPウィンドウのロード時ですよね。 でも画像サイズを制御してるのは親ウィンドウですよね。 すんません、もうちょいアドバイスをお願いします。

関連するQ&A