Can this html code be changed to speed up the image load time?

Question

I found some html that creates a auto running slide show. I've got three images (small image sizes) but it is slow to start up when the page is first opened. http://web.me.com/phelpssculpture/Site/test.html this is the escaped code:
<center><img id='imageholder' src='' ></img></center>
<script type='text/javascript'>
images = new Array();
images.push('http://web.me.com/phelpssculpture/Docs/typewriterprpage.jpg');
images.push('http://web.me.com/phelpssculpture/Docs/royalprpage.jpg');
images.push('http://web.me.com/phelpssculpture/Docs/Lovetest.jpg');
var image_index = 0;
function rotateImage() {
if (image_index == images.length - 1) { image_index = 0 } else { image_index++ }
document.getElementById('imageholder').src = images[image_index];
setInterval('rotateImage()', 5000);
</script>
I have a page: http://web.me.com/phelpssculpture/Site/Resume.html
that has a rollover image (from OldToad) that has two images about the same file size and located in the same folder on my iDisk as the other slide show images but it seems to load instantly.
this is the escaped code:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage1 = new Image();
loadImage1.src="http://web.me.com/phelpssculpture/Docs/typewriterprpage.jpg";
staticImage1 = new Image();
staticImage1.src="http://web.me.com/phelpssculpture/Docs/royalprpage.jpg";
// End -->
</script>
<a href="http://web.mac.com/phelpssculpture/Site/royal.html" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://web.me.com/phelpssculpture/Docs/royalprpage.jpg" border=0></a>
Does anyone know if it's possible to improve the html of the slideshow snippet to speed up the initial load time?
Thanks, David

Answer 1

Ethmoid:
There are seven different pages: http://web.me.com/phelpssculpture/Site/movieroyal_davidphelps.html
Each link is directed to a different page.
I created the basic layout on one page and then duplicated the page six times.
the links are in one text box ( that's why they're lined up well ) and each individual word is activated as a link. I changed the background color of the forward tab to match the color of the main shape and used the send forward or send backward command to get the tabs to look right on each page.
The only problem with the words being in a single text box is that explorer doesn't render the spacing correctly and they fall off their respective tabs. When I get time I will put each word in it's own text box ( it's not that hard to align them ) so it will render properly in explorer.
Sincerely, David Phelps