• ベストアンサー

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

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

  • HTML
  • 回答数2
  • ありがとう数1

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

  • ベストアンサー
  • 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

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

    いつもお世話になっています。 題名のとおりですが、サムネイルをクリック→オリジナル画像を画像サイズでポップアップしたいと考えています。 画像の数も多く、サイズもバラバラのため、window.openで一つ一つサイズ指定するのは大変だな~と考えていたところ、 http://creazy.net/2006/12/javascript.html にて、すばらしい方法を紹介していました。 早速、上記をテストしてみたのですが、2点気になる部分があります。   ・IE7にてポップアップ画像が画面一杯に表示されてしまう。   ・firefoxだとポップアップウィンドウの表示に問題はないが、読み込みが終わらない。 この改善策はあるのでしょうか? ポップアップウィンドウが画像サイズで開けば、まったく別の方法でも構いません。 宜しくお願いします。

  • サムネイル画像のサイズ変更

    windowsXPでフォルダの中の多数の写真ファイル(jpg)を閲覧するとき、表示方法を縮小版にしています。 サムネイル画像が並んで表示されていますので目的の画像を探すのに便利なのですが、私にとってはサムネイル画像のサイズがちょっと小さいのです。 縮小版(サムネイル画像)のサイズを変更する事は出来ないでしょうか?

  • 画像のサイズを変更するのは、どうすればいいの?

    画像のサイズを変更するのは、どうすればいいの? デジカメで写真を撮ってきたのですが、サイズが4000x3000でした。ホームページにサムネイル用に120x80、拡大用に800x600のサイズで表示したいのですが、方法がわかりません。 簡単な方法を教えてください。

  • gooブログでのサムネイル画像サイズは変更できますか?

    gooブログで画像をアップする時に自動的にサムネイル画像が作成されますが、そのサイズを変更することは可能でしょうか? デフォルトのサムネイルサイズは少し小さく、かといってオリジナルサイズでは大きすぎます。 もし可能ならばその方法を教えてください。

  • 画像をクリックしたら別ウインドウを開くようにするには?

    検索したり本を探したりしたのですが、どうしても見つけられなかったので 投稿します。 アルバムのコンテンツを作ろうと考えています。 いきなり大きな画像を沢山張りつけると重くて仕方がなくなるので、 まずサムネイルをテーブルの中にいれて沢山表示させるページを作りました。 自分の理想としてはサムネイルをクリックすると サイズ指定された別ウインドウが開いて該当サムネイルの大きな画像が 表示されるようにしたいんです。 そこで色々調べてみたのですが、ボタンや、テキストをクリックすると 別ウインドウが開くというサンプルはあっても、画像をクリックした 場合の設定方法が見つかりません。 どのように設定したらいいのか、ご存知の方がいらっしゃいましたら、 教えてください。よろしくお願いします。

  • 複数の画像からサイズを指定したウィンドウを開きたい

    JavaScriptの初心者です。 小さい画像を並べたサムネイルのようなページの各画像をクリックすると、詳細を表示するページにジャンプしたいです。このとき、サイズを指定した新しいウィンドウに表示させたいのですが、各画像ごとにジャンプ先のページが異なるため、それぞれにwindow.open();を書くのは面倒です。そこで、window.open();は一つで兼用し、リンク先がリンク元の画像ごとに違うようにするにはどのようなソースを書けばよいのでしょうか。

  • モジュールを使わないで画像サイズを変更する

    perlで、Image::Magick等モジュールを使用しないで画像サイズを変更する方法は無いでしょうか?具体的には投稿した写真の縮小画像を作成しサムネイル表示し、詳細画面ではサイズの大きい画像を表示させるようにしたいのです。 かなり調べてもでてこないのでどうしても無理なのでしょうか…。

    • ベストアンサー
    • Perl
  • thickboxを使って画像をポップアップするようにはできておりますが

    thickboxを使って画像をポップアップするようにはできておりますが、ブラウザを切替せずに、任意の場所に画像を切り替えていくようにするのはどうすれば良いでしょうか? 最初に画像が表示されていて、その下にサムネイル画像が並んでいてマウスを置くと 最初に画像が表示されている場所に画像が切り替わっていくものです。 別途拡大表示もできれば幸いです。 thickboxをこのまま使用して+αでできれば幸いですが、それ以外で良い方法があれば 問題ございません。 みなさまよろしくお願い致します。

  • ビルダーでポップアップウィンドウの作成!

    お世話になります。 ホームページビルダーVer10でHPを作成しています。 そこでHP内にポップアップウィンドウを設置したいのですが・・・。 イメージといたしまして、 (1)親ページ内の例えばサムネイルをクリック (2)ポップアップウィンドウが開き (3)ウィンドウ内には【サムネイルの拡大画像+その他のサムネイル数枚+コメント】 ※この際表示されたポップアップウィンドウ内のサムネイルをクリックすると、ウィンドウ内の拡大画像の表示が切り替わる。  ↑上記の様に表示をさせたいのですが、皆様のお力をお借り出来れ幸いです。  何卒宜しくお願い致します。 m(_ _)m

  • ウィンドウのサイズ固定について

    親ウィンドウが残るポップアップ広告のようなサイズ固定や、 リンク先のサブウィンドウのサイズ固定ではなく、 1番最初にアクセスしたページが開く時にウィンドウの サイズを固定したいのですが・・・。 (最初に指定されるページが開く時に自分の指定した サイズで開かせたいという意味です。) どなたか良い方法を知っていましたら、よろしく お願いいたします。