スワップイメージのフェード方法を教えてください
はじめまして。
スワップイメージを、あるサイトを参考に作ってみました。
それにフェードイン/フェードアウトを追加したいのですが、いろいろと試してみましたができません。
JavaScriptは全く分からず、困っています。
お助けください。お願いします。
ちなみに以下がスワップイメージのソースです。
image画面に表示する際、フェードイン/アウトを追加してもらえると助かります。
<HEAD>
<script language="JavaScript">
<!--
Img = new Array()
Img[0]="img/image1.jpg"
Img[1]="img/image2.jpg"
Img[2]="img/image3.jpg"
AImgs = new Array()
for (i=0 ; i<Img.length ; i++){
AImgs[i] = new Image()
AImgs[i].src = Img[i]
}
function Swap(a,b){
a=a.name
document.images[a].src = Img[b]
}
//-->
</script>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD><IMG src="img/image1.jpg" name="image"></TD>
</TR>
<TR>
<TD><A href="#" onmouseover="Swap(image,1)" onmouseout="Swap(image,0)"><img src="img/image2.jpg"></A></TD>
<TD><A href="#" onmouseover="Swap(image,2)" onmouseout="Swap(image,0)"><img src="img/image3.jpg" ></A></TD>
</TR>
</TABLE>
</BODY>
お礼
早速ご親切なご教示、分り易く、躊躇無く 操作ができました。有難う御座いました。 今後とも宜しくご指導をお願い致します。