Loader construction with Css and Jquery

Construction of loader, preloader, boot using css and jquery.

If you don't want to show the page without all the elements on the page loaded, you can use this simple preloader code. The following simple css and jquery codes with an installer gif you need.
<!--We create a div where we give an id to use its selector feature.-->
 <div id="preloader"></div>

<!--We add the style configuration and gif image for the div we have defined.-->
	.js div#preloader { position: fixed; left: 0; top: 0; z-index: 3000; width: 100%; height: 100%; overflow: visible; background: #000 url('../images/lamp_orange.gif') no-repeat center center; }

<!--We write our jquery code to show the div tag and disappear when all items are loaded.-->
jQuery(document).ready(function($) {  
Adding the script code at the bottom of the page and the style code at the top of your configuration minimizes the possibility of problems.

0 Yorum

Soru & Yorum

Web Tasarım

Renkli Kare

Web Tasarım Ajansı