Does this make sense?

Adrian MacNair · Jun 7, 2005

Because it's not working...

I want a condition where if only the images are all preloaded then the slide
show will work:

<script type="text/javascript">
var imagesdone=false;
window.onload=loadimages;
function loadimages() {
var images=new Array();
for (var i=0;i<myImages.length;i++) {
images=new Image();
images.src=myImages;
}
imagesdone=true;
}
// This is an onClick event
function startslideshow() {
if (imagesdone) {
do slideshow stuff
} else {
alert('Sorry, images are not loaded for viewing yet')
}
}
</script>

Randy Webb · Jun 7, 2005

Adrian said:
Because it's not working...

I want a condition where if only the images are all preloaded then the slide
show will work:

<script type="text/javascript">
var imagesdone=false;
window.onload=loadimages;
function loadimages() {
var images=new Array();
for (var i=0;i<myImages.length;i++) {
images=new Image();
images.src=myImages;
}
imagesdone=true;

That doesn't ensure the images are loaded, it only ensures that the
request was made for the image. The imagesdone is set to true before the
first image is even downloaded.

Have the images preloaded while the page loads, then the window.onload
won't fire until they are loaded. Another possibility is to add an
onload to each preloaded image that will call a function that
incremements a counter, then checks the counter. If the counter matches
myImages.length then they are all loaded and it will set imagesdone to true.

alu · Jun 7, 2005

Another possibility is to write the images into the page but not display
them; the <body> onload would fire only when all images are loaded.
-alu

<script type="text/javascript">

var imagesdone=false;

// This is an onClick event
function startslideshow() {
if (imagesdone) {
alert("do slide show") ;
} else {
alert('Sorry, images are not loaded for viewing yet')
}
}
</script>

</head>
<body onload="imagesdone=true;">

<a href="#" onclick="startslideshow()">test images loaded?</a>

<script>
for (var im=0;im<myImages.length;im++) {
document.write('<img src="'+myImages[im]+'" alt=""
style="display:none">')
}

</script>

</body>

Final chapter of "Learn PHP, MySQL and JavaScript"	3	Jun 4, 2024
can u help me with my preloader code?	1	Sep 29, 2007
Only one table shows up with the information	2	Mar 29, 2023
changeimage() also changes image position	2	Jan 29, 2008
How does this work?	2	Oct 9, 2006
How do I fix this issue in sqaurespace code block?	1	Jul 2, 2024
Remove Start Button from Clock	2	Jan 16, 2021
Help with my responsive home page	2	Dec 14, 2022

Does this make sense?

Adrian MacNair

Randy Webb

alu

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads