help.. I need a image loader that only loads image X times

ace2 · Post by **ace2** » Thu 12 Mar 2015 9:40 am

I have 3 pages that currently have a image refresher every X seconds.
I need to be able to restrict how many times they load, say load every 20 seconds for a total of 10 minutes.
My 3 pages are :
http://ace2weather.com/index.htm
http://ace2weather.com/highlights.htm
http://ace2weather.com/cam.htm
Wondering if the GODS of code can help.....please....

beteljuice · Post by **beteljuice** » Thu 12 Mar 2015 11:50 am

Modifying your code try something like:

Code: Select all

<script type="text/javascript">
picCount = 0;
picCountMax = ????; // Number of time to refresh
 
refreshInit = function()
{
picTimer = setInterval(refreshImage, 1*3000);
}

refreshImage function()
{
picCount++;
if(picCount <= picCountMax){
img = document.getElementById("icam");
img.src="http://ace2weather.com/snapshot.jpg?rand=" + Math.random();
} else {
clearInterval(picTimer);
}
}
</script>
</head>
<body onload="window.setInterval(refreshImage, 1*3000);">

ace2 · Post by **ace2** » Thu 12 Mar 2015 12:16 pm

beteljuice wrote:Modifying your code try something like:

Code: Select all

<script type="text/javascript">
picCount = 0;
picCountMax = ????; // Number of time to refresh
 
refreshInit = function()
{
picTimer = setInterval(refreshImage, 1*3000);
}

refreshImage function()
{
picCount++;
if(picCount <= picCountMax){
img = document.getElementById("icam");
img.src="http://ace2weather.com/snapshot.jpg?rand=" + Math.random();
} else {
clearInterval(picTimer);
}
}
</script>
</head>
<body onload="window.setInterval(refreshImage, 1*3000);">

That looks great, how would I use this with multiple images on one page like my highlights page, which you helped me with last time(you're a star)

I would even be happy with a load images on open only!!!

ace2 · Post by **ace2** » Thu 12 Mar 2015 2:51 pm

I choose a slightly different method for my index and cam page, I just added a

Code: Select all

onload="loadImage()"

on the tail of the image source which seems to work, but i can't work out my highlight one as i have 6 images with 6 link that require random style reload
which uses

Code: Select all

<script type="text/javascript">
refreshImage = function()
{
img = document.getElementById("im1");
img.src="7am.jpg?rand=" + Math.random();
link = document.getElementById("lnk1");
link.href = "7am.jpg?rand=" + Math.random();
img = document.getElementById("im2");
img.src="9am.jpg?rand=" + Math.random();
link = document.getElementById("lnk2");
link.href = "9am.jpg?rand=" + Math.random();
img = document.getElementById("im3");
img.src="11am.jpg?rand=" + Math.random();
link = document.getElementById("lnk3");
link.href = "11am.jpg?rand=" + Math.random();
img = document.getElementById("im4");
img.src="2pm.jpg?rand=" + Math.random();
link = document.getElementById("lnk4");
link.href = "2pm.jpg?rand=" + Math.random();
img = document.getElementById("im5");
img.src="4pm.jpg?rand=" + Math.random();
link = document.getElementById("lnk5");
link.href = "4pm.jpg?rand=" + Math.random();
img = document.getElementById("im6");
img.src="6pm.jpg?rand=" + Math.random();
link = document.getElementById("lnk6");
link.href = "6pm.jpg?rand=" + Math.random();

}
</script>
</head>
<body onload="window.setInterval(refreshImage, 1*3000);">

But I can't figure out how to get it working with your script or even a the onload="loadImage()"
I would be happy to have it load on reload and have a refresh button.......

Post by **steve** » Thu 12 Mar 2015 2:57 pm

Just put:

<body onload="refreshImage()">

Create a button to call the same function:

<button onclick="refreshImage()">Refresh images</button>

ace2 · Post by **ace2** » Fri 13 Mar 2015 12:33 am

Probably best to keep it simple and that seems to work fine....

Post by **steve** » Fri 13 Mar 2015 8:31 am

...and your http bandwidth usage is now down to more reasonable levels

ace2 · Post by **ace2** » Fri 13 Mar 2015 9:02 am

steve wrote:...and your http bandwidth usage is now down to more reasonable levels

I kind of went into panic mode once informed.

Was editing/removing the rogue usage elements within the htm while at work using only a mobile phone.

Cumulus Support

help.. I need a image loader that only loads image X times

help.. I need a image loader that only loads image X times

Re: help.. I need a image loader that only loads image X tim

Re: help.. I need a image loader that only loads image X tim

Re: help.. I need a image loader that only loads image X tim

Re: help.. I need a image loader that only loads image X tim

Re: help.. I need a image loader that only loads image X tim

Re: help.. I need a image loader that only loads image X tim

Re: help.. I need a image loader that only loads image X tim