html - Simple JavaScript Slideshow with NO preloading -

html - Simple JavaScript Slideshow with NO preloading -

i think simple question, forgive me if it's been answered elsewhere. looked wasn't able find looking for. have little experience javascript.

i have many simple javascript slideshows contained on single page advance via mouse click. see below code i'm using, i've lifted 1 of introductory js sites. preloads each image each slideshow when user visits page. script not preload each image, , instead load next image when user clicks advance slideshow. cut down load time, since users not encounter images. there easy way convert doesn't preload each image?

<script language="javascript"> var i=0 var imgs=["/a.jpeg","/b.jpeg","/c.jpeg","/d.jpeg","/e.jpeg"] function slide(){ {i=i+1} {if (i==5) {i=0}} {document.img.src=imgs[i]} } </script>

and code when slideshow called:

<a href="javascript:slide()"><img src="/a.jpeg" name="img"></a>

thanks! - patrick

images start load 1 time have src attribute set, unless (unofficially) element's css display property set none.

so, long don't set source of img element or js image object, appears case in code posted, image not start loading.

javascript html