Jquery UI Cycle loading issues

[Tazz]

Hi

 

I'm part of the dev team of www.psgkonsult.co.za and we use Jquery UI Cycle for our header images.  As the page loads, you will notice all the header images appearing below each other for a split second before the javascript plugin initializes and the images start rotating.  Is there any way we can preload the plugin or is it the images that need preloading?  How can we avoid the images appearing below each other for that short time before the plugin starts doing its job?

[trq]

One thing you could do would be to use css to hide the s1 div, then have jQuery unhide it when the dom is ready.

 

On a side note, you will notice quite the performance boost if you load all your js at the bottom of the page, just prior to the </body> tag.

[Tazz]

Ah, you know, sometimes I just want to kick myself for being stupid.  That works like a charm.  Easy solution. Thanks Thorpe.

 

Thanks for the js tip as well.