You could set an amimated GIF as a background image for the page. Then, as page content loads in, it'll overlap the animation and you wouldn't see it any more.
-----Original Message----- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of misskittyt Sent: Monday, January 26, 2009 10:41 AM To: jQuery (English) Subject: [jQuery] Re: showing animated gif when redirecting to new a page bump On Jan 22, 1:07 am, misskittyt <misskit...@gmail.com> wrote: > Hi all, > I'm having trouble showing an animated gif (to indicate that the page > is loading) when redirecting to a new page. There are several tabs a > user can choose, each taking them to a different page in the site. I > think this almost works, but I don't like how the screen goes entirely > blank. I've tried using fadeTo but the gif will show up as being > unanimated. The same seems to be true if I don't use use the fadeOut > and only use the fadeIn. > > How can I just show the animated gif as a user is redirected to the > new page? > > Thank you! > M- > > $(document).ready(function() > { > $(".tab").click(function() > { > $("body").fadeOut("fast"); > $("body").fadeIn("slow").append("<div class=\"progress\"><br > /><img src=\"Images/bigsnake.gif\" alt=\"\"/>Processing...please > > wait.<br /><br /></div>"); > }); > > > > });- Hide quoted text - > > - Show quoted text-
