Page Loader

Page Loader

Add the following js in head
————-
http://code.jquery.com/jquery-1.11.0.min.js
http://code.jquery.com/jquery-migrate-1.2.1.min.js

Add the following just after <body> tag
————-
class=”se-pre-con”

Add the following jquery code in your custom js file 
———————-
$(window).load(function() {
$(“.se-pre-con”).fadeOut(“slow”);
});

Add the following CSS in style.css
—————-
.no-js #loader { display: none; }

.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999999;
background: url(Preloader_8.gif) center no-repeat #fff;
}

Add the Preloader_8.gif in your folder. You may generate it from here

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s