Now, my script was this if you were wondering:
Script.js
var imageSlides = ['01.gif','02.gif','03.gif','04.gif']; //Add as menu as you want, seperate by commas
var tell = true;
function rotateImage(el,rotateNum){
var divEl = document.getElementById(el);
divEl.getElementsByTagName('img')[0].src=imageSlides[rotateNum];
if(tell){
divEl["onmouseover"] = function(){ tell=false };
if(rotateNum == imageSlides.length){
rotateNum = 0;
}
else {
rotateNum += 1;
}
setTimeout("rotateImage('"+el+"',"+rotateNum+")",100); //time delay
}
else {
divEl["onmousemove"] = function() { rotateNum = (rotateNum==imageSlides.length) ? 0 : rotateNum+1; rotateImage(el,rotateNum) };
}
}
Run.html
<html>
<head>
<title>Image Rotation</title>
<script type="text/javascript" src="script.js">
//Script made by: Niler, visit him at http://Niler.net Please don't remove this notice.
</script>
<style type="text/css">
#rotation {
padding: 15px;
border: 1px solid black;
width: 500px;
text-align: center;
}
</style>
</head>
<body onLoad="rotateImage('rotation',0);">
<div id="rotation"><img src='image.png'/></div>
</body>
</html>
Now, yes. I know. I should've added a <noscript> tag some where. But doesn't really matter to me.