- ベストアンサー
別窓で画像を表示する場合に余白が…
大量に画像を扱って居るのですが、タイトルをクリックすると、別窓でそれぞれの画像が開く様にしています。 サイズは2種類、800*600と1024*768のがあります。 それを↓下のようなscriptで行っていますが、どちらのサイズの窓(画像)も、画像の左と上に余白が少し出て、右と下が切れてしまいます。何処が間違っているのでしょうか？ どうすれば、窓のぎりぎり一杯に画像を表示する事ができるでしょうか？ どうか、教えて下さい。 ↓ <table width="80%"> <tr> <td> <a href="#" onClick="window.open('../xxx/yyy.jpg','','width=1024,height=768')">グラデーション<font size="1">1024x768</font></a> </td> </tr> <tr> <td> <a href="#" onClick="window.open('../xxx/zzz.jpg','','width=800,height=600')">グラデーション<font size="1">800x600</font></a> </td> </tr> </table> (xxx.yyy.zzzは仮の文字です)
- mosomoso8
- お礼率85% (34/40)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
関数を作った方が良いかもしれませんね。 <HTML> <BODY> <SCRIPT LANGUAGE=JavaScript> <!-- function popup_img(url,size) { a = window.open("","",size); a.document.write("<HTML>"); a.document.write("<TITLE>",url,"</TITLE>"); a.document.write("<BODY TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0>"); a.document.write("<IMG SRC=",url,">"); a.document.write("</BODY></HTML>"); a.document.close(); return false ; } // --> </SCRIPT> <table width="80%"> <tr> <td> <a href="#" onClick="popup_img('../xxx/yyy.jpg','width=1024,height=768')">グラデーション<font size="1">1024x768</font></a> </td> </tr> <tr> <td> <a href="#" onClick="popup_img('../xxx/zzz.jpg','width=800,height=600')">グラデーション<font size="1">800x600</font></a> </td> </tr> </table> </BODY> </HTML>
その他の回答 (1)
- peron
- ベストアンサー率45% (43/95)
画像を余白なしに表示するのは まず、スタイルシートを使うと <table width="80%"> <tr> <td> <a href="#" onClick="window.open('../xxx/○１.htlm','','width=1024,height=768')">グラデーション<font size="1">1024x768</font></a> </td> </tr> <tr> <td> <a href="#" onClick="window.open('../xxx/○２.html','','width=800,height=600')">グラデーション<font size="1">800x600</font></a> </td> </tr> </table> ○１.html <HEAD> <STYLE type="text/css"> <!-- IMG {position: absolute; top: 0px; left :0px} --> </STYLE> </HEAD> <BODY> <IMG src="yyy.jpg"> </BODY> ○２.htmlも同じように この方法だとＮＮ4は対応していません（余白が出来ます） そこで力ワザ・・背景にしてしまう ○１.html <HEAD> </HEAD> <BODY background="yyy.jpg"> </BODY> ただし、この方法はＷ３Ｃ HTML4.01勧告書では推奨しないとなっております ※ スタイルシートを使うべき（今回の場合、スタイルシートが無効の場合 何も表示されませんので・・） もっとも、レイアウトの為にテーブルを使ってらっしゃるので（これも推奨しない） どちらの方法を取るにしても単に画像を指定するのではなくファイルを作らなければなりません あと、('../xxx/○１.htlm','','width=1024,height=768')">の２つ目''と空白になってますが、それぞれのウインドウ名 例えばsub1,sub2というようにしなければ、ウインドウの大きさが反映されない場合があります もっとも こうすれば、２つ目のウインドウも開いてしまいますが・・・
お礼
折角教えて頂いたのに、遅くなってしまい、申し訳ありません。 ファイルを作るという方法もあったのですね。 なぜか「画像を！」と思い込んでいました。 ご丁寧なお答え、ありがとうございました。
お礼
折角教えて頂いたのに、遅くなってしまい、申し訳ありません。 やはり、関数を用いた方が良いみたいですね。 これからは労力を惜しまず、やってみます。 ご丁寧なお答え、ありがとうございました。