<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-scale,initial-scale=1">
<script type="text/javascript" src="../js/Rotating Banner.js"></script>
<title>Rotating Banner</title>
</head>
<body>
<div align="center">
<img src="../img/eat1.jpg" width="400" height="200" id="adBanner" alt="adBanner">
</div>
</body>
</html>
window.onload=rotate;
var thisAd=0;
function rotate() {
var adImgs=new Array("../img/eat1.jpg","../img/eat2.gif","../img/eat3.jpg");
thisAd++;
if(thisAd==adImgs.length){
thisAd=0;
}
document.getElementById("adBanner").src=adImgs[thisAd];
setTimeout(rotate,10*100);
}
