ボタンを押す毎にスライドショーのように画像を表示する。      
Sample  下のボタンを押してください。
ソース
<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
var fade_duration = 8;
var image = new Array();

image[0] = '1.jpg';image[1] = '2.jpg';image[2] = '3.jpg';
image[3] = '4.jpg';image[4] = '5.jpg';
var t;
var j = 1;
var p = image.length;
var pre_load = new Array();
for (i = 0; i < p; i++) {
  pre_load[i] = new Image();
  pre_load[i].src = image[i];
}
function chg_img() {
  if (document.all) {
    document.images.SlideShow.style.filter="blendTrans(duration=fade_duration)";
    document.images.SlideShow.filters.blendTrans.Apply();
  }
  document.images.SlideShow.src = pre_load[j].src;
  if (document.all) {
    document.images.SlideShow.filters.blendTrans.Play();
  }
  j = j + 1;
  if (j > (p - 1)) j = 0;
  }
//-->
</SCRIPT>

</HEAD>
<BODY>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="1.jpg" name='SlideShow'>
<form>
<INPUT TYPE="BUTTON" Name="ssbutton" VALUE="画像チェンジ" onClick="chg_img()"></form>
</td>
</tr>
</table>
</BODY>
</HTML>
ワンポイント解説
onClick="chg_img()" で、ボタンが押された時に、画像を交換する関数を呼ぶようにします。