The classic animated gif, or the “loading…” text, could be now easily replaced thanks to this new jQuery plug-in.

Specially suited for a page loads of images, the final result showed in this demo looks really nice and flashy.

Features:

• Preload a whole web page.
• Preload a part of the page.
• Gets all images, <img> tags and background-image of your CSS
• Easy to implement.
• Adjustable loading bar.
• Tested in Firefox, Safari, Opera, Chrome, IE7, IE8 and IE6 (script will be ignored in IE6 though).

Full post, demo, and source code, are in Gaya Design blog.

To be honest, I instantly had a thought about this technique:  wasn’t the DOMContentLoaded event purpose the one to avoid people waiting a full page download before they’re allowed to interact with it? … never mind, we cannot do much in any case in front of images dedicated layouts.

Fonte:GayaDesign

Tags: css, javascript, jquery

This entry was posted on 07/10/2009 at 09:30. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Posted in ajax/javascript by Filipe Teixeira Nunes No Comments Yet