document.eCafe

「イメージ処理１」
表示しているイメージにマウスポインタを当てるとイメージが変わります。
また、クリックすると新しいウィンドウに変わったイメージが表示されます。
写真等の表示に活用下さい。縮小画像と原画の２種類必要です。

何に変わるか？動き出す

【ソース】

<HTML>
<HEAD><TITLE>document.eCafe</TITLE>

<SCRIPT language=JavaScript>
<!--
var img1 = new Array() ;
    img1[1]= new Image() ;
    img1[1].src="../../gif/mlogo.gif" ;
//  img1[1].src=元画像
    img1[2]= new Image() ;
    img1[2].src="../../gif/logo2.gif" ;
//  img1[2].src=変化画像
var img2 = new Array() ;
    img2[1]= new Image() ;
    img2[1].src="../../gif/cmame.gif" ;
    img2[2]= new Image() ;
    img2[2].src="../../gif/d_cmame2.gif" ;

function Imagevw1(flag)
{
document.images[0].src=img1[flag].src ; 
}
function Imagevw2(flag)
{
document.images[1].src=img2[flag].src ; 
}
//-->
</SCRIPT>

<BODY bgColor="#cccc99">
<P>
<TABLE border=1>
  <TBODY>
  <TR>
    <TD align="center">
    <FONT color=brown><B>何に変わるかな</B></FONT></TD>
    <TD align="center">
    <FONT color=brown><B>動き出します</B></FONT></TD>
  </TR><TR>
    <TD align="center">
      <A href="../../gif/logo2.gif" 
      onclick=Imagevw1(1) onmouseout=Imagevw1(1) onmouseover=Imagevw1(2) 
      target=new><IMG border=0 src="../../gif/mlogo.gif"> </A></TD>
    <TD align="center">
      <A href="../../gif/d_cmame2.gif" 
      onclick=Imagevw2(1) onmouseout=Imagevw2(1) onmouseover=Imagevw2(2) 
      target=new><IMG border=0 src="../../gif/cmame.gif"> </A></TD>
  </TR>
</TBODY></TABLE>
</BODY>
</HTML>

何に変わるか？	動き出す