[Plugin: JJ NextGen JQuery Slider] Feature Request – loading.jpg

Replying to my own rambling thoughts…

Short code and div in post:

[jj-ngg-jquery-slider ... afterload="function(){$('#preloader').delay(800).fadeOut(500);}"]

<div id="preloader">
         <img src="./images/loader.jpg" />
</div>

Then define div preloader in nivo-slider.css, something like:

#preloader {
    background:#000;
    position: absolute; z-index:500;
    width:675px;
    height:450px;
    margin-left: 160px;
    margin-top: -470px;
}
#preloader img {
}

This almost works. Actually, it does seem to work on one site, but not another. The positioning of the preloader above is a real kludge. Can’t figure out correct positioning for slider img holder.

The thought is to quickly load an image the same size and position as the slide show images load. Image will fade to first image in slide show when all images are loaded. Loader gif could still be used but, at least, the page would “appear” complete instead of a spinning icon.

Thanks for any input!!