Images in Hot Effects Rotator Module - Load Speed

Hello, Is there any way to speed up the initial load of images in hot effects rotator module. I am running this module on my home page and images take a long time to do initial load. Is there a way to pre-load them ??

First of all make sure images are optimized. They don't need to be larger than size displayed, and Q-factor does not need to be 100, but that is more Photoshop or whatever job...

You can pre-load images by placing invisible divs elements this:

<div style="display:none;background-image:url('path to your image');" >.</div>

you can place them in some custom html module content.

Thanks, that does seem to help a bit. I still get a minor "flashing" of some of the images on initial page load - is that the expected behavior? I notice it happens on your demo too. Is there any way to disable or at least to minimize the "flashing" of images as it is kinda distracting.

Thanks for your help on this. I appreciate the excellent support as I learn.

Try this, add to main template css file:

#slider > a > IMG{
display:none;
}

Thanks !

#slider img {

display:none;

}

worked . THANKS