Slide show: Does the # of pic increase the loading time?
Obviously, having more pictures on a website increases the loading time. A slide show, however, doesn't show them all immediately. So, I was wondering, does the slide show have to "pre-load" all of the pictures FIRST before it starts or does it load the pictures only when it is ready to use them.
The reason I was wondering was because as I was testing the slide show on my computer, it seems to increase the loading time as I increase the number of pictures on my list. For example, a list with 5 pictures seems to load quicker than a list with 20 pictures.
There is another reason I thought there might be a "pre-load." The first time I use the script it takes quite a while to load However, every time after the first use, it loads very quickly. If I reboot my computer and try it again, the first use takes a longer time. My script is currently displaying 4 pictures side by side and each list has 3 pictures in it. That means there is a total of 12 pictures. The thing that confuses me even more is the fact that the pictures are small (10 k each). That shouldn't take a computer (running at 2 G) very long to "pre-load."
I would like to point out that I am NOT loading the webpage from the Internet (so there are no delays because of bandwidth problems), I am loading it directly from my hard drive. The way I test the webpage is I go to Windows Explorer and double click on my htm file. I'm assuming that part of the delay (for my first use) is because IE needs to load on my computer.
Any ideas? The program I am making will run off a CD and not the Internet. Therefore, I was hoping to be able to have a large list of pictures (around 100). However, if all 100 pictures need to pre-load before it can start, the delay will be too great.
One last thing. The javascript that this program calls (JSFX_SimpleSlideShow.js -obtained from http://www.JavaScript-FX.com ) is only 4k, so that shouldn't cause any major delays.
***********************************
<!-- ZoneLabs Privacy Insertion -->
<script language='javascript' src='http://127.0.0.1:3009/js.cgi?pcaw&r=19895'></script>
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_SimpleSlideShow.js" TYPE="text/javascript"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
mySlide1 = new JSFX.SimpleSlideShow();
mySlide1.addSlide("1 temp 1.jpg");
mySlide1.addSlide("1 temp 2.jpg");
mySlide1.addSlide("1 temp 3.jpg");
mySlide1.setStartDelay(0);
mySlide1.setSlideDelay(4);
mySlide1.setTransType(24);
mySlide1.setTransDuration(.75);
mySlide2 = new JSFX.SimpleSlideShow();
mySlide2.addSlide("1 temp 5.jpg");
mySlide2.addSlide("1 temp 6.jpg");
mySlide2.addSlide("1 temp 7.jpg");
mySlide2.setStartDelay(2);
mySlide2.setSlideDelay(4);
mySlide2.setTransType(24);
mySlide2.setTransDuration(.75);
mySlide3 = new JSFX.SimpleSlideShow();
mySlide3.addSlide("1 temp 8.jpg");
mySlide3.addSlide("1 temp 9.jpg");
mySlide3.addSlide("1 temp 10.jpg");
mySlide3.setStartDelay(1);
mySlide3.setSlideDelay(4);
mySlide3.setTransType(24);
mySlide3.setTransDuration(.75);
mySlide4 = new JSFX.SimpleSlideShow();
mySlide4.addSlide("1 temp 11.jpg");
mySlide4.addSlide("1 temp 12.jpg");
mySlide4.addSlide("1 temp 13.jpg");
mySlide4.setStartDelay(3);
mySlide4.setSlideDelay(4);
mySlide4.setTransType(24);
mySlide4.setTransDuration(.75);
function JSFX_StartEffects()
{
mySlide1.start();
mySlide2.start();
mySlide3.start();
mySlide4.start();
}
</SCRIPT>
<!-- *** END CUT - End Code *** -->
</head>
<BODY TEXT="#000000" LINK="#FFFF00" VLINK="#FFFF00" ALINK="#FF0000" onload="JSFX_StartEffects()">
<CENTER>
<FONT FACE="Arial">
<script> document.write(mySlide1.toHtml());</script>
<script> document.write(mySlide2.toHtml());</script>
<script> document.write(mySlide3.toHtml());</script>
<script> document.write(mySlide4.toHtml());</script>
</P>
</CENTER>
</font>
<BODY>
<!-- ZoneLabs Popup Blocking Insertion -->
Obviously, having more pictures on a website increases the loading time. A slide show, however, doesn't show them all immediately. So, I was wondering, does the slide show have to "pre-load" all of the pictures FIRST before it starts or does it load the pictures only when it is ready to use them.
The reason I was wondering was because as I was testing the slide show on my computer, it seems to increase the loading time as I increase the number of pictures on my list. For example, a list with 5 pictures seems to load quicker than a list with 20 pictures.
There is another reason I thought there might be a "pre-load." The first time I use the script it takes quite a while to load However, every time after the first use, it loads very quickly. If I reboot my computer and try it again, the first use takes a longer time. My script is currently displaying 4 pictures side by side and each list has 3 pictures in it. That means there is a total of 12 pictures. The thing that confuses me even more is the fact that the pictures are small (10 k each). That shouldn't take a computer (running at 2 G) very long to "pre-load."
I would like to point out that I am NOT loading the webpage from the Internet (so there are no delays because of bandwidth problems), I am loading it directly from my hard drive. The way I test the webpage is I go to Windows Explorer and double click on my htm file. I'm assuming that part of the delay (for my first use) is because IE needs to load on my computer.
Any ideas? The program I am making will run off a CD and not the Internet. Therefore, I was hoping to be able to have a large list of pictures (around 100). However, if all 100 pictures need to pre-load before it can start, the delay will be too great.
One last thing. The javascript that this program calls (JSFX_SimpleSlideShow.js -obtained from http://www.JavaScript-FX.com ) is only 4k, so that shouldn't cause any major delays.
***********************************
<!-- ZoneLabs Privacy Insertion -->
<script language='javascript' src='http://127.0.0.1:3009/js.cgi?pcaw&r=19895'></script>
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_SimpleSlideShow.js" TYPE="text/javascript"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
mySlide1 = new JSFX.SimpleSlideShow();
mySlide1.addSlide("1 temp 1.jpg");
mySlide1.addSlide("1 temp 2.jpg");
mySlide1.addSlide("1 temp 3.jpg");
mySlide1.setStartDelay(0);
mySlide1.setSlideDelay(4);
mySlide1.setTransType(24);
mySlide1.setTransDuration(.75);
mySlide2 = new JSFX.SimpleSlideShow();
mySlide2.addSlide("1 temp 5.jpg");
mySlide2.addSlide("1 temp 6.jpg");
mySlide2.addSlide("1 temp 7.jpg");
mySlide2.setStartDelay(2);
mySlide2.setSlideDelay(4);
mySlide2.setTransType(24);
mySlide2.setTransDuration(.75);
mySlide3 = new JSFX.SimpleSlideShow();
mySlide3.addSlide("1 temp 8.jpg");
mySlide3.addSlide("1 temp 9.jpg");
mySlide3.addSlide("1 temp 10.jpg");
mySlide3.setStartDelay(1);
mySlide3.setSlideDelay(4);
mySlide3.setTransType(24);
mySlide3.setTransDuration(.75);
mySlide4 = new JSFX.SimpleSlideShow();
mySlide4.addSlide("1 temp 11.jpg");
mySlide4.addSlide("1 temp 12.jpg");
mySlide4.addSlide("1 temp 13.jpg");
mySlide4.setStartDelay(3);
mySlide4.setSlideDelay(4);
mySlide4.setTransType(24);
mySlide4.setTransDuration(.75);
function JSFX_StartEffects()
{
mySlide1.start();
mySlide2.start();
mySlide3.start();
mySlide4.start();
}
</SCRIPT>
<!-- *** END CUT - End Code *** -->
</head>
<BODY TEXT="#000000" LINK="#FFFF00" VLINK="#FFFF00" ALINK="#FF0000" onload="JSFX_StartEffects()">
<CENTER>
<FONT FACE="Arial">
<script> document.write(mySlide1.toHtml());</script>
<script> document.write(mySlide2.toHtml());</script>
<script> document.write(mySlide3.toHtml());</script>
<script> document.write(mySlide4.toHtml());</script>
</P>
</CENTER>
</font>
<BODY>
<!-- ZoneLabs Popup Blocking Insertion -->
Comment