The code below works fine, I think its short enough that showing it here should not offend or violate any rules. Here’s the story: The code is a banner rotator script and as I said earlier it works fine. I have it installed on the home page of a mobile site. The problem is that when I visit other pages of the mobile site and then return back to the home page the banners don’t rotate any more. They only start again if I refresh/reload the page manually with the browser. I guess I need to know how to make the script load every time the home page is accessed via local links to initialize it again. TIA
<script type="text/javascript">
var imgs1 = new Array("http://www.nunucarservice.com/m/data1/images/nunuad.jpg","http://www.nunucarservice.com/m/data1/images/nunuad2.jpg");
var lnks1 = new Array("www.nunucarservice.com/m/help.html","www.nunucarservice.com/m/help.html");
var alt1 = new Array();
var currentAd1 = 0;
var imgCt1 = 2;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",3000);
</script>
<a id="adLink1" target="_top"> <img id="adBanner1" style="border: 0;" style="border: 0;" src="http://www.nunucarservice.com/m/data1/images/nunuad.jpg" src="http://www.nunucarservice.com/m/data1/images/nunuad.jpg" alt="" border="0" width="100%"></a></div>