2 posts
  • 6 Years of Membership
  • Collector Level 2
pschutter
says

I’ve been designing websites for customers for the past year. I’ve noticed that few of the sites I’ve created have background images that are over a 1meg in size and when loading takes a considerable amount of time to load. I’ve tried Javascript which helps, but I would love to have a cool preloader to do this instead of watching teh HTML page slowly load.

Can someone please help me on how I can have a preloader once complete launch the first page of my site or something like this….

Thanks

Patrick

8586 posts Community Moderator
  • United Kingdom
  • 7 Years of Membership
  • Moderator
  • Winner
+10 more
MSFX
Moderator
says

why not save your images for web so they’re smaller?

for js preloaders you’d be better asking at codecanyon…

2324 posts
  • Author Level 5
  • Collector Level 3
  • Affiliate Level 1
  • Weekly Top Seller
+7 more
Nitro_Themes
says

Hi there

There is a jquery loader that you can use that preloads.

It would be the queryLoader.js and you would have to include it in to your html like so

<script src="scripts/queryLoader.js" type="text/javascript">

then add this under to your included js files to initialize the loader.

<script type='text/javascript'>
    $(function(){
        QueryLoader.init();
    });
    </script>

Also the loader comes with a css file that styles the loader line, size and background color that you would also have to include where you have included your other style sheets like so.

<link href="css/queryLoader.css" rel="stylesheet" type="text/css" />

That should be it, you can find the loader at http://jquery.com/

cheers

Lester

2 posts
  • 6 Years of Membership
  • Collector Level 2
pschutter
says

Thanks for the response…...

I will try jquery adn see if this helps…..

Patrick

3256 posts
  • Affiliate Level 4
  • Author Level 9
  • Collector Level 2
  • Top Monthly Author
+11 more
ParkerAndKent
says

1 MB bg image = a crazy way to waste the server bandwidth. 1000 page loads = 1GB!!!

by
by
by
by
by
by