2 posts
  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
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

8186 posts Community Moderator
  • Attended a Community Meetup
  • Community Moderator
  • Has been a member for 6-7 years
  • United Kingdom
  • Contributed a Tutorial to a Tuts+ Site
  • Won a Competition
  • Contributed a Blog Post
  • Beta Tester
  • Bought between 50 and 99 items
+4 more
MSFX Volunteer moderator says

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

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

2159 posts
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Exclusive Author
  • Has been a member for 5-6 years
  • Sold between 10 000 and 50 000 dollars
  • Grew a moustache for the Envato Movember competition
  • Beta Tester
  • Bought between 50 and 99 items
  • Canada
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
  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
pschutter says

Thanks for the response…...

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

Patrick

3256 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Beta Tester
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
+4 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