いつもお世話になっています。
題名のとおりですが、サムネイルをクリック→オリジナル画像を画像サイズでポップアップしたいと考えています。
画像の数も多く、サイズもバラバラのため、window.openで一つ一つサイズ指定するのは大変だな~と考えていたところ、
http://creazy.net/2006/12/javascript.html
にて、すばらしい方法を紹介していました。
早速、上記をテストしてみたのですが、2点気になる部分があります。
・IE7にてポップアップ画像が画面一杯に表示されてしまう。
・firefoxだとポップアップウィンドウの表示に問題はないが、読み込みが終わらない。
この改善策はあるのでしょうか?
ポップアップウィンドウが画像サイズで開けば、まったく別の方法でも構いません。
宜しくお願いします。
No.1ベストアンサー
- 回答日時:
こんにちは
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. …
http://www.openspc2.org/JavaScript/Ajax/Ajax_stu …
ご回答ありがとうございます!
上記ためしたところ、firefox改善しました!
IE7もタブ設定を変更したところ、タブではなく新しいウィンドウで開くようになりました。(ただ表示サイズがおかしいですが…)
教えていただいたリンク拝見しました。
特にhighslideって素敵ですね。
実装するのが大変そうですが、頑張ってみます。
今回はありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(動画サービス) VLCメディアプレーヤーについて 1 2022/11/29 14:19
- その他(ソフトウェア) 画像の拡大率を固定したまま次の画像を表示出来るビューアを探しています 2 2022/05/13 17:19
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- その他(IT・Webサービス) どうすればgoogleのポップアップの表示が消えますか? 3 2022/09/11 14:04
- Windows 10 2つのウィンドウ選択時の表示について 10 2023/07/25 08:48
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- モニター・ディスプレイ パソコンでスクリーンショットしたもの(HP)を印刷しました。 3 2022/07/03 16:39
- YouTube youtube 画像のサイズを少し小さくするには 1 2023/02/14 08:55
- C言語・C++・C# このプログラミング誰か教えてくれませんか 1 2022/06/02 15:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
同じページをブラウザで複数開...
-
画面を閉じる(×ボタンやタスク...
-
[Java] Edgeでのアドレスバー非...
-
子画面を自動で閉じた後、親画...
-
親画面に値を戻しテキストエリ...
-
ツールバーやステータスバーな...
-
子画面へデータを渡したい!
-
「処理中」表示
-
window.open("about:blank")
-
opener.focus();が利かない
-
JavaScriptでアンカータグが上...
-
window.openで子画面を開いた後...
-
サブウィンドウを常に最前面に...
-
WEBアプリを作成しています。
-
マイページはどこを開くの
-
ウインドウを毎回同じ位置、大...
-
エクセルのシート上に別のシー...
-
デジタル時計の時刻合わせの方...
-
エクセルVBAでフォームのListbo...
-
Javascript_submit()完了後に処...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
[Java] Edgeでのアドレスバー非...
-
同じページをブラウザで複数開...
-
window.open("about:blank")
-
ブラウザ Chromeを使っていて、...
-
画面を閉じる(×ボタンやタスク...
-
子画面を自動で閉じた後、親画...
-
onclickでのページ内移動
-
親ウインドのASPをリロードさせ...
-
サブウィンドウを常に最前面に...
-
opener.focus();が利かない
-
window.closedについて
-
alertの最前面表示
-
MM_openBrWindowとwindow.open
-
ツールバーやステータスバーな...
-
window.openで子画面を開いた後...
-
リンククリックでウインドウの...
-
Request.Params("xxx")で「+」...
-
呼び出されたページを閉じ、呼...
-
window.open()で幅指定の際、ウ...
-
子画面へデータを渡したい!
おすすめ情報