 |  |  |  |  |  |  |  |
Please help me
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
•
•
Join Date: Nov 2008
Posts: 2
Reputation: 
Solved Threads: 0
Newbie Poster
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.
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
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: Checkbox Help
- Next Thread: javascript form help
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Related Forum Features
Latest JavaScript / DHTML / AJAX Posts
- Today's Posts
- Unanswered Threads
ajax ajaxcode ajaxexample ajaxhelp ajaxjspservlets animate automatically beta box browser bug calendar captchaformproblem checkbox child class close column createrange() css cursor date debugger dependent disablefirebug dom download dropdown editor element embed engine error events explorer ext file form forms getselection google gwt gxt hiddenvalue highlightedword hint html htmlform ie7 ie8 iframe images internet java javascript javascripthelp2020 jawascriptruntimeerror jquery jsf jsfile jump libcurl math media microsoft mimic object onmouseoutdivproblem onreadystatechange parent paypal pdf php player position post problem programming progressbar regex runtime scroll search security select shopping size software sql text textarea unicode w3c web website window windowofwords windowsxp wysiwyg \n
