The script works well but the images don't preload so there is a jump instead of a smooth transition when you switch images. When I try to add a "preload image" script, it interferes with another script I'm using for dropdown menus that involves frames. The preload images script is as follows:
<script language="javascript" src="progressbar.js">
/*
Preload Image (w/ progress bar) script II (By BGAudioDr@aol.com, http://www.bgaudiodr.iwarp.com/)
Script featured on Dynamicdrive.com
For full source, TOS, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
*/
</script>
The script it interferes with is loaded in the body tag:
<body onload="javascript:{if(parent.frames[0]&&parent.frames['MyFrameOne'].Go)parent.frames['MyFrameOne'].Go()}">
The actual pages can be found in my "Galleria of Images" link on my homepage at www.applechevy.com. Is there a way to preload the images so they transition smoothly instead of jumping but without interfering with the other script? Help!
The selector script should preload all images, as it does on my browser.
If you wait for the page to fully load before changing photos, the effect is shown as required; the only problem would be for people with 56k internet.
On 512k Broadband, these slideshows appear perfectly.
cr3ative
In the future please post your question using the format described here: http://www.dynamicdrive.com/forums/showthread.php?t=6
Regarding the script http://www.dynamicdrive.com/dynamicindex4/imageselector.htm , it actually doesn't preload the images within, no. If that particular preload images script conflicts on your page, try this much more basic one: http://javascriptkit.com/script/script2/preloadimage.shtml