I'm updating my portfolio site and am using jQuery for the first time. The site and it's contents are far from complete, but for the sake of solving this problem I've loaded it here:
www.msfaron.com/test10/ I've set this site version to load contents via jQuery's .load method. the files being loaded are php (html fragments containing thumbnail images that are links to larger images). I set up a spinner image within a hidden div that fades in when you click one of the links below the main window (Illustration, Web Design, Photorestoration, Caricature). The spinner then fades out when the load is done. It's written clumsily but it works... My problem is that I would like the spinner div to fade out AFTER all the thumbnails have downloaded, and this is not happening. Is there a way to make the fade wait for the thumbnail download to complete? I apologize if this issue has been covered, but I've been trying to find an answer for too long and need to get my site working. Thanks Mike F
