Try this out, changing the images for your own
<SCRIPT language="javascript">
<!--
newTrans=new Array()
newTrans[newTrans.length] = "progid:DXImageTransform.Microsoft.Slide(bands = 1, slideStyle = 'push')";
var slidelinks=new Array()
slidelinks[slidelinks.length]="http://www.dynamicdrive.com"
slidelinks[slidelinks.length]="http://wsabstract.com"
slidelinks[slidelinks.length]="http://www.geocities.com"
pic=new Array()
pic[pic.length]="pic1.gif"
pic[pic.length]="pic3.gif"
pic[pic.length]="pic2.gif"
var preloadpics=new Array() // preloads images
for (i=0;i<=pic.length-1;i++) {
preloadpics[i]=new Image()
preloadpics[i].src=pic[i]
}
var tranSpeed = 3.0; // how long transition takes in seconds
var pause = 4000 // in milliseconds
var advance = (tranSpeed*1000)+pause //
var Running = 0;
var i=0
var picnum=0
function Pre_Run(){
Running = 0;
RunMe();
}
function RunMe(){
if (Running == 0){
Running = 1;
divA.style.filter = newTrans[i];
divA.filters[0].apply();
divA.innerHTML = "<img src='"+pic[picnum]+"'>"
divA.filters[0].play(tranSpeed);
loc=picnum
if(i==newTrans.length-1){
i=-1}
if(picnum==pic.length-1){
picnum=-1}
i++
picnum++
}
setTimeout("Pre_Run()",advance)
}
function where(){
doc=slidelinks[loc]
window.open(doc)
}
setTimeout("Pre_Run()",2000)
// -->
</SCRIPT>
</HEAD>
<BODY><h1>Linked Image SlideShow</h1>
<DIV id=divA onfilterchange="" style="position:absolute; left:200; top:100; width:100; height:100; font-size:35; text-align:center; filter(); border:5 inset blue;cursor:hand" onclick="where()">Image<br>Links</DIV>