Page preloaders are useful if you have a big landing page or a lot of content and pictures, videos, so the visitors are “entertained” while the page is loading.
[button2 type=”primary” size=”large” url2=”http://testing.2gika.si/article-__basic-webpage-preloader/”]Simple Preloader demo[/button2]
Concept
Timing of the preloader is now static – but this is changed when you transfer to the live site, when you actually calculate when the page is loaded.
$(document).ready(function() {
setTimeout(function(){
$('body').addClass('loaded');
}, 2000);
});
CSS3
This is a CSS3 spinning preloader with very “goofy” filling to it. Usually the lines are very thin and elegant, but in this case we’ve gone overboard just to make a point.
Till next time, take care …