By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,636 Members | 1,190 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,636 IT Pros & Developers. It's quick & easy.

Preload images still reloading from server?

P: n/a
Hello folks I have a rolling image script that works fine except that
the images do not seem
to be preloading properly. The images are still being pulled on every
interval from the
server according to the logs...is it because I am using the
document.write method? Is that forcing a refresh?

<SCRIPT language="JavaScript" type="text/javascript">

// BEGIN rolling images code

/* define width and height of images */

var pic_width=200;
var pic_height=200;

// define the length of time to stay on each image
// 1000 = 1 second

var delay=3000;

/* define image urls */

if (document.images)
{
pic1= new Image(pic_width,pic_height);
pic1.src="myimg1.gif";
pic2= new Image(pic_width,pic_height);
pic2.src="myimg2.gif";
pic3= new Image(pic_width,pic_height);
pic3.src="myimg3.gif";
pic4= new Image(pic_width,pic_height);
pic4.src="myimg4.gif";
pic5= new Image(pic_width,pic_height);
pic5.src="myimg5.gif";
pic6= new Image(pic_width,pic_height);
pic6.src="myimg6.gif";
pic7= new Image(pic_width,pic_height);
pic7.src="myimg7.gif";
pic8= new Image(pic_width,pic_height);
pic8.src="myimg8.gif";
}

var pics= new Array(8)
pics[0]=pic1.src;
pics[1]=pic2.src;
pics[2]=pic3.src;
pics[3]=pic4.src;
pics[4]=pic5.src;
pics[5]=pic6.src;
pics[6]=pic7.src;
pics[7]=pic8.src;

var numpics=8;
var thenum=0;
imgName="img1";
function change_it()
{
if (document.images)
{
document.write("<IMG SRC='"+pics[thenum]+"' border='0'
width='"+pic_width+"' height='"+pic_height+"' name='img1'>\n");
setTimeout('change_it2()',delay);
}
}

function change_it2()
{
var x=0;
thenum+=1;

if (thenum>numpics-1)
thenum=0;

document[imgName].src=pics[thenum];
x+=1;
setTimeout('change_it2()',delay);

}
</script>
then on my pages body i have
<SCRIPT language="JavaScript" type="text/javascript">
<!--
change_it()
//-->
</SCRIPT>
Jul 20 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
DiggidyMack69 wrote:
Hello folks I have a rolling image script that works fine except that
the images do not seem
to be preloading properly. The images are still being pulled on every
interval from the
server according to the logs...is it because I am using the
document.write method? Is that forcing a refresh?


You could try the following:
....
var pics= new Array(8)
pics[0]=pic1;
pics[1]=pic2;
// Etc.
....
function change_it() {
......
document.write("<IMG SRC='"+pics[thenum].src+"' ...Etcetera

....
function change_it2() {
.......
document[imgName].src=pics[thenum].src;
HTH,
JW

Jul 20 '05 #2

P: n/a
"Janwillem Borleffs" <jw@jwscripts.com> wrote in message news:<3f***********************@news.wanadoo.nl>.. .
DiggidyMack69 wrote:
Hello folks I have a rolling image script that works fine except that
the images do not seem
to be preloading properly. The images are still being pulled on every
interval from the
server according to the logs...is it because I am using the
document.write method? Is that forcing a refresh?


You could try the following:
...
var pics= new Array(8)
pics[0]=pic1;
pics[1]=pic2;
// Etc.
...
function change_it() {
.....
document.write("<IMG SRC='"+pics[thenum].src+"' ...Etcetera

...
function change_it2() {
......
document[imgName].src=pics[thenum].src;
HTH,
JW


Sorry, but I don't see how that is different than what I have already??
Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.