Please help me
Please support our JavaScript / DHTML / AJAX advertiser: Programming Forums
 |
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.
<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.
•
•
•
•
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.
IF SOMEONE FEELS THAT THEY HAD NEVER MADE A MISTAKE IN THEIR LIFE, THEN IT MEANS THEY HAD NEVER TRIED A NEW THING IN THEIR LIFE
•
•
•
•
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:
if(window.document.readyState=='complete'){
// call your image slide show functions ....
}Regards ...
IF SOMEONE FEELS THAT THEY HAD NEVER MADE A MISTAKE IN THEIR LIFE, THEN IT MEANS THEY HAD NEVER TRIED A NEW THING IN THEIR LIFE
|
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: AJAX vs Flash
- Next Thread: javascript form help
•
•
•
•
Views: 515 | Replies: 3 | Currently Viewing: 1 (0 members and 1 guests)
Linear Mode
