Showing image while Ajax Loads?

[Aurora078]

Ok, so im wondering how can i use an image to show that ajax is loading, for effect of course.

[a_bertrand]

Well the easiest is to have a div with an image inside, and show it while you start the Ajax call, and hide it when it's done. You could do it without the div, but I would personally still use a div around it.

[Aurora078]

Well the easiest is to have a div with an image inside, and show it while you start the Ajax call, and hide it when it's done. You could do it without the div, but I would personally still use a div around it.

I'm looking for some sort of delay in the request, because my AJAX loads so fast you can only see the image for half a second. Mainly for effect, like a 3000ms delay would be quick and still achieve my effect

[Zeggy]

Why on earth would you want to make visitors wait an extra 3 seconds just to see an image while they wait?

You can use setTimeout to have functions run after a certain time.

[Dave]

Why on earth would you want to make visitors wait an extra 3 seconds just to see an image while they wait?

You can use setTimeout to have functions run after a certain time.

As Zeggy said why in hell would I as a user wanna wait 3 seconds just to see a little image? When there would be no point?

[Aurora078]

I dont know to be honest, but it makes them wonder lol.

[Haunted Dawg]

Since your using jquery. How come you have not come accross the $.delay() function yet?

It's simple.

$("#chatFeature").delay(3000).fadeIn(600);

$("#imageBar").delay(3000).fadeOut(600);

That way, after 3000ms as you wanted, they will both fade(out/in).

[Djkanna]

Start of Ajax

prepend a div overlay to the body tag,

End of Ajax request

Remove it

Simple.

[rulerofzu]

I know a game that actually uses a delay and shows the loader for 5 secs just to slow down the gameplay.

Kinda sucky thing to do and they denied it until I pulled the bit of code.