OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

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

  • すぐに回答を!
  • 質問No.137640
  • 閲覧数518
  • ありがとう数1
  • 気になる数0
  • 回答数2
  • コメント数0

お礼率 36% (9/25)

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

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

  • 回答No.2
レベル11

ベストアンサー率 42% (103/245)

>でも画像サイズを制御してるのは親ウィンドウですよね。
いえいえ、すべてPOPUPウィンドウの方で制御します。

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

お礼率 36% (9/25)

いろいろ作業をやってて遅くなってしまいました。
最初にいただいた画像サイズの取得をヒントにresizeTo()でやったら
それらしくなりました。ありがとうございました。
投稿日時 - 2001-10-02 14:26:55
-PR-
-PR-

その他の回答 (全1件)

  • 回答No.1
レベル11

ベストアンサー率 42% (103/245)

<IMG SRC="画像のパス" NAME="画像名">としておいて、 document.images["画像名"].widthで画像の幅、 document.images["画像名"].heightで画像の高さを取得することができます。 これを使ってonLoad時にウィンドウサイズを変えるというのはどうでし ...続きを読む
<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

お礼率 36% (9/25)

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


このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ