I will share the way easier to make a preloader.
Preloader Script will load all your page content before showing it.
The page won't show until all page elements are not fully loaded.
yuk capcus...
Find ]]></b:skin> and just above it paste the following code,
#preloader{ position:fixed; top:0; left:0; right:0; bottom:0; background:#000; background-repeat:no-repeat; z-index:99}
#loader{ width:200px; height:200px; position:fixed; left:50%; top:50%; background-image:url(http://urlpreloaderimage.gif);
background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}
Find <body> and just below it paste the following code,
<div id='preloader'>
<div id='loader'/>
</div>
Then find </body> and just above it paste the following code.
<script type='text/javascript'>$(window).load(function(){$("#loader").fadeOut();$("#preloader").delay(350).fadeOut("slow");$("body").delay(350).css({overflow:"visible"})});</script>
Finally save template.
I have some preloader image that you can use
0 Comments:
Posting Komentar