JQuery - Loading images after documents loading is complete


I’ve started using JQuery and created a slideshow with all (900 x 400) images.

I used MySQL to keep track of all image filename and used PHP to connect with MySQL and bring in all of the images’ filename to create image elements then place each of them inside the list (<li>) element.

And there is one thing I’ve struggled with is the slideshow kept on starting before document finish loading all of the images used in CSS. I want the document is completely loaded with backgrounds from CSS showing up first before the slideshow even started.

Also, I want all of the images to load first before the slideshow even start or it will show images stacking up and it looks awful. :nono:

Any help would be appreciated.