Is there any jquery plugin for loader image before page gets loaded?

Question

I did lot of google for the plugin but i am not getting. If you know any plugin please inform me. Thanks in advance..

@FakeRainBrigand: when my page gets loaded before that loader image should be displayed and when page gets loaded completely the loader image should vanish. This is my requirement — Anand Jaju, Mar 22 '13 at 05:58
i don't sure of catching right what you mean, anyway, look at this plugin. I guess your mean something like it. https://github.com/tuupola/jquery_lazyload — Boris Zagoruiko, Mar 22 '13 at 06:01
this link might help you: http://stackoverflow.com/questions/1964839/jquery-please-wait-loading-animation — Ashwini Verma, Mar 22 '13 at 06:12

score 2 · Answer 1 · answered Mar 22 '13 at 06:01

2

Its is called pagepreloader.

answered Mar 22 '13 at 06:01

Dipesh Parmar

https://github.com/niklausgerber/PreLoadMe – Dipesh Parmar Mar 22 '13 at 06:02
I want this plugin. But it is not working when I apply it to my page. – Anand Jaju Mar 22 '13 at 08:14
@AnandJaju make sure jQuery is not conflicting with other and use jQuery that plugin required...also use firebug firefox add-on to see what error are occured.. – Dipesh Parmar Mar 22 '13 at 08:16
I have inserted that js and css files and also uploaded it to server but then also it is not working. – Anand Jaju Mar 22 '13 at 08:20
@AnandJaju can i see that on live.??? – Dipesh Parmar Mar 22 '13 at 08:22
yah check this one: http://eywaz.com/sit2/Fairmacs%20Shipstore05-03-2013/home.html – Anand Jaju Mar 22 '13 at 10:22
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/26716/discussion-between-anand-jaju-and-dipesh-parmar) – Anand Jaju Mar 22 '13 at 10:28

score 0 · Answer 2 · answered Mar 22 '13 at 05:57

0

I think it would be easier to use sprites or base64 encoded images (alternative solution)

answered Mar 22 '13 at 05:57

karaxuna

score 0 · Answer 3 · answered Mar 22 '13 at 06:04

you dont need any plugin for this try this simply.. image tag must be next to body tag

<body>
<div id="loading"><img src="img/ajax-loader.gif"></div>
 .
 .
 .

</body>

and place this with in script tag

$(window).load(function(){
$("#loading").hide(); 
});

the css for loading div

#loading {
    background-color: white;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

3 Answers3