I was basing my response on:
" 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*.."
On Tue, Sep 15, 2009 at 1:07 PM, Matt Foster <mattfoste...@gmail.com> wrote:
>
> Rick, that sounds like you delay the entire page load, or i should say
> the display of the page until the DOM has loaded?
>
> What I believe Zion is requesting is show the entire page as fast as
> possible, for what can be rendered quickly. Then as a seperate
> request begin loading these massive images such that they can be
> loaded asynchronously, apart from the initial page load.
>
> The trick would be... you could load these image elements post-
> document-load but the problem is knowing when the image has loaded and
> thus removing the load display. Neglecting that you could just
> yeah...
>
> window.onload = function(){
>
> $('container').appendChild(new Element('img', { src : '...',
> title : '...', alt : '...' });
>
> });
>
> On Sep 15, 12:21 pm, Rick Waldron <waldron.r...@gmail.com> wrote:
> > 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
-~----------~----~----~----~------~----~------~--~---
