Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 680

Nov 19th, 2008

Please help me

Expand Post »

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.

silentbob671123

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since Nov 2008

Permalink

Nov 21st, 2008

Re: Please help me

Click to Expand / Collapse Quote originally posted by silentbob671123 ...

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.

sasankasekhar

Reputation Points: 10

Solved Threads: 3

Newbie Poster

Offline

24 posts
since Jan 2007

Permalink

Nov 21st, 2008

Re: Please help me

Click to Expand / Collapse Quote originally posted by silentbob671123 ...

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:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
if(window.document.readyState=='complete'){
   // call your image slide show functions ....
}
if(window.document.readyState=='complete'){
   // call your image slide show functions ....
}

Regards ...

sasankasekhar

Reputation Points: 10

Solved Threads: 3

Newbie Poster

Offline

24 posts
since Jan 2007

Permalink

Nov 21st, 2008

Re: Please help me

thanks much

silentbob671123

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since Nov 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Checkbox Help

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: javascript form help

DaniWeb Message

Cancel Changes

User Name
Password