One SUPER hackish thing i've seen done in the past:
wrap your entire page contents in a div with style="display:none", then
after that, but before the </body> tag, add another div with a loading
message... like...
<body>
<div id=container style="display:none">
all your content is in here
</div>
<div id=loading>
Loading some big stuff, please hold.
</div>
<script>
*// Event.observe(window, 'load', ...) will wait until the entire page is
loaded, including images*
Event.observe(window, 'load', function () {
$('loading').hide();
$('container').show();
});
</script>
</body>
On Tue, Sep 15, 2009 at 12:10 PM, zion <zzzzzz...@gmail.com> wrote:
>
> Hi,
>
> I have couple of really big images in my site that load slow and
> decreases the user experience, so is there a way to load the few
> images with prototype & scriptaculous so that it would display
> somesort of a loading image/page until these few big images are
> loaded.. it is important that this would apply only for the few
> selected images..Just cant figure out how to do it.. many thanks.
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
