Problem loading content via ajax in jquery
Good Day,
I'm having difficulties trying to design the interface for my project
using JQuery. Currently, My website has the basics, links on the top
part, some on the right hand corner for categories whilst the main
body of the website is handled by image mapping, thus when I click on
one of the links on top, only the middle part would change.
My problem is, how do I set that when I click on the link, the body
will fade, an animated loading gif will pop up in the CENTER of the
body, after around 2 seconds, the next content will load.
My contents are all handled with <div> thus I can slide them in and
out. My problem is however this,
<div>
// content of the next page or body
</div>
<div>
//animated gif, hidden at first
</div>
I can hide the animated gif at first, but it wont be positioned in the
middle, since the body takes up that space, How can I completely
remove the body and position the gif properly? then change the content
to the next page? Any help would greatly be appreciated