別窓を開くプログラムについて

解決済

質問者：j13#1
質問日時：2008/02/15 14:22
回答数：2件

はじめまして。初めての投稿の者です。
今回、ご相談の件ですが、
現在、webを制作してて、サムネイル（画像）をクリックすると別窓が開いて画像を大きく表示させるという風に作っています。

<script language="javascript">

</script>

～～～中略～～～
<body>
<a href="javascript:open_window('ファイル名.html')"><img src="画像のファイル名" width="250" height="150" alt="---"></a>

～～～中略～～～

この方法の場合、大きく表示させる画像のサイズによっては別窓に表示させたとき、ウィンドウに余白ができてしまいます。
width=1000,height=760の部分を無くして、なお且つ別窓に表示させたときの画像の周辺に余白が無いように・・と、色々とjavascriptに関するサイトや講座を拝見して調べてみましたが希望のような事が有りませんでした。

また、<a href="javascript:open_window('ファイル名.html')">・・

の箇所を、
open_window('大きく表示する画像のファイル名.jpg')・・
としても、ダメでした。

何がしたいかと申し上げますと、（別窓：ウィンドウに）大きく表示させる画像の周辺に余白が発生させないよう、ピッタリと収めさせる別窓にしたいです。【マージンによる多少の余白は可】
※画像（写真）サイズに合わせて別窓も、そのサイズに開くと言えばお分かりでしょうか？

技術者の方・経験者の方からアドバイス等ご教授戴けたら・・と思いますので、宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： _pipi_
回答日時：2008/02/15 14:59

見当違いかもしれないけど、開いた大きさに画像を合わせてみては？

以下、呼び出されるファイルの中身です
そうそう、呼び出す側のスクロールバーは消してもいいかもね
<html>
<body>

<img src="Sunset.jpg" style="position:absolute; top:0px;left:0px;" id="b">
<div style="position:absolute; top:0px;left:0px;">
文字はここに適当に書いておくれ！<br>画像の名前は適当にかえて！
<br>
</div>
<script>
window.onresize = i;
window.onload =i;
function i(){
o=document.getElementById('b');
o.style.width = document.body.clientWidth;
o.style.height = document.body.clientHeight;
}
</script>

この回答への補足

ひとつ、忘れていました。
呼び出される側のファイルは以下の通りです。

～～～中略～～～
<body onLoad="focus()">
<img src="A.jpg" border="0" width="900" height="640" alt="***">
<FORM><input type="button" value="閉じる" onClick="window.close()"></FORM>
～～～中略～～～

No1（_pipi_さん）のプログラムを使ってみましたが、別窓に開かなかったです。

＞開いた大きさに画像を合わせてみては？

画像は、大きさの違うものが有りますので（縦サイズ・比率の関係）、すべて揃えることが出来ません。

補足日時：2008/02/15 15:38

通報する