Jquery loading animation until page finishes loading?

Question

Can anyone show me how to play a loading animation until the webpage fully loads? I have no clue where to start so any help is appreciated!

Check this : http://git.blivesta.com/animsition/ – Elshan Mar 11 '15 at 08:10 — Elshan, Mar 11 '15 at 08:10

score 3 · Accepted Answer · answered Jul 28 '14 at 19:26

I never build a loader before, but this is a start... you can start by

hiding everything but loader with css, using $(window).load to test, if the page is loaded such as.

$("#loader").animate(
        // your loader animation   
);

$(window).load(
    function() {
        // display content with .show() 
    }
);

score 1 · Answer 2 · answered Jul 28 '14 at 19:53

1

Thanks for the quick response! I actually ran across the page below giving a nice basic setup for it:

answered Jul 28 '14 at 19:53

Tyharo

2 Answers2