Maybe put a piece of JS at the beginning of the page before anything else,
that adds the display:none dynamically. It SHOULD avoid a page blinking and
hide the contents before they load. If JS is off, then the cols would be
visible.
Then once everything is loaded use the fadeOn("slow") function.
Totally untested, but I probably could whip something up.
However, warning, it is not always a pleasant experience to have a page
fadeOn. It's a little annoying to a user who thinks the page is SLOW or
something is wrong with their screen. I would avoid the effect peersonally.
Glen
On Dec 12, 2007 11:25 PM, Micky Hulse <[EMAIL PROTECTED]> wrote:
>
> Hey all.
>
> I just wanted to fade-in an ele on page load... What would you suggest
> for a technique?
>
> I found a thread on this list that suggested using:
>
> CSS:
> .js .col { display:none; }
>
> JS:
> $(document)
> .addClass('js')
> .ready(function() {
> $('.col').fadeIn('slow');
> ...
> ...
>
> or, do this:
>
> $(document)
> .addStyle('.col', 'display: none')
> .ready(function() {
> $('.col').fadeIn('slow');
> ...
> ...
>
> But nothing seems to work.
>
> Sorry if this is a silly question. Any tips?
>
> I would like to avoid hiding my ele in the CSS... Because, if JS is
> turned-off, that ele will not show.
>
> Any help would be really cool!
> Thanks.
> Cheers,
> Micky
>
