<!--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.-->
<style>
.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; }
</style>
<!--We write our jquery code to show the div tag and disappear when all items are loaded.-->
<script>
jQuery(document).ready(function($) {
$(window).load(function(){
$('#preloader').fadeOut('slow',function(){$(this).remove();});
});
});
</script>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.
Web Tasarım Ajansı