らんだむめっせーじ

'); write('

'); write(''); write(''); close(); } if (navigator.appVersion.charAt(0)>=3) win_op.focus(); } 画像表示２

画像サイズにぴったりな窓を開いて表示します。

たんぽぽ
山桜

Script解説

解説するほど内容はないんですけど、ポイントは表示領域のマージンをいかに取り除くかです。
BODYに対してStyleSheetで、

  BODY{margin:0 0 0 0}

を指定すればマージンはなくなるのですがNetscape4.7で有効でなかったため
画像を表示してる領域を原点に移動してしまう方向でStyleSheetを設定しました。
その他、窓の有り無しなどのチェックを盛り込んでみましたけど適当なのでご参考までに。

以下Script

<script>
var win_op;
function win_open(url,winName,W,H){
  if (!win_op) {
    win_op=window.open("",winName,"width="+W+",height="+H);
  }
  else {
    if (!win_op.closed) win_op.close();
    win_op=window.open("",winName,"width="+W+",height="+H);
  }
  with(win_op.document){
    open();
    write('<html>');
    write('<body>');
    write('<div style="position:absolute;top:0;left:0">');
    write('<img src="',url,'">');
    write('</div>');
    write('</body>');
    write('</html>');
    close();
  }
  if (navigator.appVersion.charAt(0)>=3) win_op.focus();
}
</script>

<a href="javascript:void(0)" onClick="win_open('tanpopo1.jpg','subWin',640,480)">たんぽぽ</a>
<a href="javascript:void(0)" onClick="win_open('sakura1.jpg','subWin',800,600)">山桜</a>

画像表示２
WebSite ：JavaScriptの部屋別館
E-Mail 　：blaze@gol.com
最終更新日：2001/5/12