新しいウィンドウよ開け!

Index

  ホームページに大きい画像を表示させることは、読み込みに非常に時間がかかり、
 それが見る側に大きな不快感を与えることがしばしばあります。ここでは、そういっ
 たことのないように、まず実際のサイズよりも小さい画像を表示しておいて、もし実
 際のサイズで見たいときには、新しいウィンドウを開いてみることができるようにし
 てみました。ボタンをクリックすると新しいウィンドウを開き、画像を実際のサイズ
 で見ることができます

【例】

  <SCRIPT TYPE="text/JavaScript">
  <!--
  function OpWin()    // (1)
  {
    var a;
    a = window.open( "../../img/2/html.gif" );  // (2)
  }
  //-->
  </SCRIPT>

  <FORM NAME="NewWin" >
    <IMG SRC="../img/2/html.gif" WIDTH="75" HEIGHT="56"><BR>
    <INPUT TYPE="button" VALUE="New Window" ONCLICK="OpWin();">
  </FORM>

【解説】

 (1) ボタンが押されたときに、呼び出されます。
 (2) window オブジェクトの open メソッドで新しいウィンドウをオープンします。
     window.open( "URL" );
【実行してみよう】