Forum Moderators: not2easy
I would like to do the same thing for these pages we are going to do. Any suggestions on what this is, and how to get it???
I would assume that it is some sort of dhtml, but how does it know what is loading and how far into the load it is??
Thor
Besides, most browsers show the current loading status in the status bar.
I think it's a pity that the W3C didn't give their blessing to the lowsrc attribute of the <img> tag. The idea was to create a low-bandwidth version of the image which would be displayed until the "real" image hand completely downloaded. That may have increased bandwidth (significantly if you didn't know what you were doing) but allowed visitors to get a first impression of your site pretty quickly.
This would then act as a loading bar. By sizing the load bar images at the top to relect the relative size of the content images, you would probably get a half decent representation of load percentage.
You could always try using DHTML to adjust the width of a 1x1 GIF to make a loading bar. Or, even more efficient: use a <div> with a coloured background as a loading bar.
Could add a warning "Please update your browser to Opera 6+ to get the best bang for your buck" I suppose.
It will load the images and transfer you to the viewing page in non-Opera, but you won't get the nice 1,2,3 loading indicator.
<html>
<head>
<title>Loading</title>
<script language="JavaScript">
<!--
function load(){
document.write("Loading images...<br><b>1</b><br>");
document.write("<img src='secondimage.jpg' width='1' height='1'><b>2</b><br>");
document.write("<img src='thirdimage.jpg' width='1' height='1'><b>3</b><br>");
document.write("Done...");
window.location="showimages.html";
}
//-->
</script>
</head>
<body onLoad=load()>
<img src="firstimage.jpg" width="1" height="1"><br>
</body>
</html>
... bit of a hack but there you go.
Comments? Cabbages?
