-
Preloading gallery images after page has loaded
Hi,
I have a picture gallery, using the following...
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
// End -->
</script>
I then have a table full of thumbnails, with a big empty cell called 'mainpic'
waiting to receive the desired full-size image.
Each thumb has a link like this...
<a href="javascript:doPic('pic1.jpg');"><img
src="pic1-small.jpg" width=90 height=60 border=0></a>
Question, can I preload the large images (pic1, pic2 etc) to save time when
the user makes a selection? Importantly, this preload has to happen after
the rest of the page has loaded. The page already sources a .js file to create
the navigation system and I want the menu and page (including thumbnails)
to finish loading before the preloading of the larger images takes place.
That way they can be downloading in the background whilst the user deliberates
over which one to view!
See http://www.discover.ltd.uk/kasbah/pics/thumbs.htm for current version.
Finally, what does a prelaod script look like, links gratefully accepted.
Thank you
Conor Davies
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Development Centers
-- Android Development Center
-- Cloud Development Project Center
-- HTML5 Development Center
-- Windows Mobile Development Center
|