拡大展示ツール

  • 画像上をクリックする毎に「拡大」→「静止」→「復帰」をします。(この機能はインターネットエクスプローラでご覧ください)
  • 絵画は杉村陽一郎さんの作品です。:ソース見本を簡潔にするため解説文や額縁等の装飾は削除してあります。
  • お帰りに、私のJavaScript作集品Qponホームページにもお寄りください。
  • 今週の作品(2001.3.10発表)

    ヴェッターホルン(2)

    1週前の作品(2001.3.3発表)

    ウルムの大聖堂

    2週前の作品(2001.2.24発表)

    ローマ市街

    3週前の作品(2001.2.17発表)

    ハイデルベルク市街

    4週前の作品(2001.2.10発表)

    シベルニーのお城


    ソース見本
    <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>拡大展示ツール</TITLE> <script language="javascript"> <!-- tm=0; ritu=new Array(); img_h=new Array(); img_w=new Array(); flg=0;dp=0; rr=1.05; //変化率  5%/0.1秒(1.05を変えるとスピードが変る) //クリック分岐 function img_click(p){ if(dp!=p){ modoru(dp); flg=0; } dp=p; if(flg==0){kakudai(dp);} if(flg==1){seisi();} if(flg==2){modoru(dp);} flg++; if(flg>2){flg=0;} } //拡大 function kakudai(p){ pp=p; ritu[pp]=ritu[pp]*rr; document.images[pp].width=img_w[pp]*ritu[pp]; document.images[pp].height=img_h[pp]*ritu[pp]; tm=setTimeout("kakudai(pp)",100); } //復帰 function modoru(p){ pp=p; ritu[pp]=1; document.images[pp].width=img_w[pp]*ritu[pp]; document.images[pp].height=img_h[pp]*ritu[pp]; seisi(); } //静止 function seisi(){ clearTimeout(tm); } //初期サイズ取得 function set(){ for (i=0;i<=4;i++){ img_h[i]=document.images[i].height; img_w[i]=document.images[i].width; ritu[i]=1; } } //--> </script> </HEAD> <BODY onLoad="set()"> <center> <h2>拡大展示ツール</h2> 今週の作品(2001.3.10発表)<br> <IMG SRC="jpg18/L1813.jpg" border=0 galleryimg="no" onClick="img_click(0)"><br> ヴェッターホルン(2)<br><br> 1週前の作品(2001.3.3発表) <br> <IMG SRC="jpg18/L1812.jpg" border=0 galleryimg="no" onClick="img_click(1)"><br> ウルムの大聖堂<br><br> 2週前の作品(2001.2.24発表) <br> <IMG SRC="jpg18/L1811.jpg" border=0 galleryimg="no" onClick="img_click(2)"><br> ローマ市街<br><br> 3週前の作品(2001.2.17発表) <br> <IMG SRC="jpg18/L1810.jpg" border=0 galleryimg="no" onClick="img_click(3)"><br> ハイデルベルク市街<br><br> 4週前の作品(2001.2.10発表) <br> <IMG SRC="jpg18/L1809.jpg" border=0 galleryimg="no" onClick="img_click(4)"><br> シベルニーのお城<br><br> </center> </BODY> </HTML>
    ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
    URL:http://www2a.biglobe.ne.jp/~qpon/    バーナ:還暦QPON