Something like this:
Change the images to yours and add to the array
<HTML><HEAD><TITLE>Document Title</TITLE></HEAD><BODY>
<SCRIPT language="javascript">
<!--
newTrans=new Array()
newTrans[newTrans.length] = "progid:DXImageTransform.Microsoft.Slide(bands=1, slidestyle='swap')";
newTrans[newTrans.length] = "progid:DXImageTransform.Microsoft.Slide(bands=1, slidestyle='push')";
photos1=new Array()
photos1[photos1.length]="Img1.jpg"
photos1[photos1.length]="Img2.jpg"
photos1[photos1.length]="Img3.jpg"
photos1[photos1.length]="Img4.jpg"
photos1[photos1.length]="Img5.jpg"
photos1[photos1.length]="Img6.jpg"
photos1[photos1.length]="Img7.jpg"
var preloadpics=new Array() // preloads images
for (i=0;i<=photos1.length-1;i++) {
preloadpics[i]=new Image()
preloadpics[i].src=photos1[i]
}
var tranSpeed = 1.0; // how long transition takes in seconds
var pause = 1000 // in milliseconds
var advance = (tranSpeed*1000)+pause //
var Running = 0;
var i=0
var picnum1=1
function RunMe(){
if (Running == 1){return}
Running = 1;
divA.style.filter = newTrans[0];
divA.filters[0].apply();
divA.innerHTML = "<img src='"+photos1[picnum1]+"'width='"+document.all.divA.style.width+"'height='"+document.all.divA.style.height+"'>"
if(i==newTrans.length -1){
i=-1}
if(picnum1==photos1.length-1){
picnum1=0}
divA.filters[0].play(tranSpeed);
picnum1++
i++
setTimeout("Running=0",tranSpeed*1000)
//setTimeout("Pre_Run("+n+")",advance)
}
// -->
</SCRIPT>
<DIV id=divA onfilterchange="" style="position:absolute; left:50; top:50px; width:300; height:300; filter(); border:5 inset blue;cursor:hand" ><img src="Img.jpg" width=300 height=300>
</DIV>
<form>
<input type="button" value="Change" onclick="RunMe()">
</form>
</BODY>
</HTML>