already solved it..
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js?
load=effects"></script>
<style>
html,body{margin:0px;padding:0;border0px;overflow:hidden;}
</style>
<script type="text/javascript">
function ShowEffect(element){
new Effect.Appear(element,
{duration:1, from:0, to:1.0});
}
function FadeEffect(element){
new Effect.Fade(element,
{duration:1, from:1.0, to:0});
}
var i = 0;
var path = new Array();
// LIST OF IMAGES
path[0] = "link/to/image";
path[1] = "link/to/image";
path[2] = "link/to/image";
function swapImage_0()
{
document.slide.src = path[i];
if(i < path.length - 1) i++; else i = 0;
setTimeout("FadeEffect('hideshow')",4000);
setTimeout("ShowEffect('hideshow')",5000);
setTimeout("swapImage_0()",6000);
}
window.onload=swapImage_0;
</script>
<div id="hideshow">
<a href="link/to/image" target="_blank"><img height="auto" name="slide" src="link/to/image" width="auto"/></a>
</div>
blakbord's post in login translation was marked as the answer