※ ChatGPTを利用し、要約された質問です(原文:別窓を開くプログラムについて)
別窓を開くプログラムについて
このQ&Aのポイント
web制作において、サムネイルをクリックすると別窓が開き、画像を大きく表示させる方法について調べています。
別窓に表示させる画像のサイズによって余白が発生してしまう問題があります。
画像のサイズに合わせて別窓をピッタリと収めるプログラムを作りたいと考えています。
はじめまして。初めての投稿の者です。
今回、ご相談の件ですが、
現在、webを制作してて、サムネイル(画像)をクリックすると別窓が開いて画像を大きく表示させるという風に作っています。
<script language="javascript">
<!--
function open_window(spass){window.open(spass,"flow","scrollbars=1,resizable=0,width=1000,height=760,left=0,top=0")}
-->
</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')・・
としても、ダメでした。
何がしたいかと申し上げますと、(別窓:ウィンドウに)大きく表示させる画像の周辺に余白が発生させないよう、ピッタリと収めさせる別窓にしたいです。【マージンによる多少の余白は可】
※画像(写真)サイズに合わせて別窓も、そのサイズに開くと言えばお分かりでしょうか?
技術者の方・経験者の方からアドバイス等ご教授戴けたら・・と思いますので、宜しくお願いします。
お礼
ご回答ありがとうございました。
補足
ひとつ、忘れていました。 呼び出される側のファイルは以下の通りです。 ~~~中略~~~ <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_さん)のプログラムを使ってみましたが、別窓に開かなかったです。 >開いた大きさに画像を合わせてみては? 画像は、大きさの違うものが有りますので(縦サイズ・比率の関係)、すべて揃えることが出来ません。