470,591 Members | 2,103 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 470,591 developers. It's quick & easy.

Preload images still reloading from server?

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
2 1525
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
"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.

Similar topics

3 posts views Thread by Perttu Pulkkinen | last post: by
7 posts views Thread by MALdito | last post: by
3 posts views Thread by Bob | last post: by
2 posts views Thread by Albert Spencil | last post: by
1 post views Thread by Stacey | last post: by
3 posts views Thread by Matthew Crouch | last post: by
1 post views Thread by ks | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.