What I am trying to do is preload images on my website and delay my javascript slide-show until the images are completely done loading. Right now the slide-show starts while the images are still loading, making it kind of awkward. I am using this to preload my images but it isn't working.

<script type="text/javascript">

Image1 = new Image(417,500)
Image1.src = "Links/SG1.jpg"

Image2 = new Image(680,500)
Image2.src = "Links/SG2.jpg"

Image3 = new Image(571,500)
Image3.src = "Links/Botany.jpg"

Image4 = new Image(361,500)
Image4.src = "Links/VT2.jpg"

Image5 = new Image(400,500)
Image5.src = "Links/AC1.jpg"

Image6 = new Image(663,500)
Image6.src = "Links/AR1.jpg"

Image7 = new Image(680,500)
Image7.src = "Links/MSU2.jpg"

Image8 = new Image(680,500)
Image8.src = "Links/3D2.jpg"

Image9 = new Image(676,500)
Image9.src = "Links/CON1.jpg"

</script>

The is the site http://www.nathancharles.net/i_0.html

If anyone could help me that would be awesome.

What I am trying to do is preload images on my website and delay my javascript slide-show until the images are completely done loading. Right now the slide-show starts while the images are still loading, making it kind of awkward. I am using this to preload my images but it isn't working.

<script type="text/javascript">

Image1 = new Image(417,500)
Image1.src = "Links/SG1.jpg"

Image2 = new Image(680,500)
Image2.src = "Links/SG2.jpg"

Image3 = new Image(571,500)
Image3.src = "Links/Botany.jpg"

Image4 = new Image(361,500)
Image4.src = "Links/VT2.jpg"

Image5 = new Image(400,500)
Image5.src = "Links/AC1.jpg"

Image6 = new Image(663,500)
Image6.src = "Links/AR1.jpg"

Image7 = new Image(680,500)
Image7.src = "Links/MSU2.jpg"

Image8 = new Image(680,500)
Image8.src = "Links/3D2.jpg"

Image9 = new Image(676,500)
Image9.src = "Links/CON1.jpg"

</script>

The is the site http://www.nathancharles.net/i_0.html

If anyone could help me that would be awesome.

Try this:

you can check whether your page is loaded completely using this:

window.document.readyState
if(window.document.readyState=='Complete') {
//start image preloaders ....
}

Regards.

What I am trying to do is preload images on my website and delay my javascript slide-show until the images are completely done loading. Right now the slide-show starts while the images are still loading, making it kind of awkward. I am using this to preload my images but it isn't working.

<script type="text/javascript">

Image1 = new Image(417,500)
Image1.src = "Links/SG1.jpg"

Image2 = new Image(680,500)
Image2.src = "Links/SG2.jpg"

Image3 = new Image(571,500)
Image3.src = "Links/Botany.jpg"

Image4 = new Image(361,500)
Image4.src = "Links/VT2.jpg"

Image5 = new Image(400,500)
Image5.src = "Links/AC1.jpg"

Image6 = new Image(663,500)
Image6.src = "Links/AR1.jpg"

Image7 = new Image(680,500)
Image7.src = "Links/MSU2.jpg"

Image8 = new Image(680,500)
Image8.src = "Links/3D2.jpg"

Image9 = new Image(676,500)
Image9.src = "Links/CON1.jpg"

</script>

The is the site http://www.nathancharles.net/i_0.html

If anyone could help me that would be awesome.

Try This:

if(window.document.readyState=='complete'){
   // call your image slide show functions ....
}

Regards ...

This article has been dead for over six months. Start a new discussion instead.