Try this, your gonna need to do the rest, all you need to do is make a link, and an onmouseon(i think) to do it and get rid of the body onload:
<body onLoad="frame_upload_1();">
<script type="text/javascript">
function frame_upload_1(){
document.getElementById('div_for_up').innerHTML='<img src="http://forums.tizag.com/images/custom/tizagSugar.jpg" />'; //Get the element by its id
setTimeout('frame_upload_2()', 2000); //After 2000 miliseconds do the function frame_upload_2()
}
function frame_upload_2(){
document.getElementById('div_for_up').innerHTML='<img src="http://www.movenext.nl/page/images/thumb/w248h220_php-logo.jpg" />'; //Get the element by its id
setTimeout('frame_upload_3()', 2000); //After 2000 miliseconds do the function frame_upload_3()
}
function frame_upload_3(){
document.getElementById('div_for_up').innerHTML='<img src="http://blogs.zdnet.com/open-source/images/mysql.gif" />'; //Get the element by its id
setTimeout('frame_upload_1()', 2000); //After 2000 miliseconds do the function frame_upload_1()
}
</script>
<div id="div_for_up">Loading....</div>
</body>