[jQuery] Re: .hide() Doesn't Work Fast Enough?

2008-07-08 Thread madacc 

I'm having this exact same issue and was hoping to get a resolution.
It happens for me on Opera and Safari. I am using a Mac, but I'd be
surprised if that was any cause for this issue. Anyone have any
thoughts on this?

On Jul 7, 11:41 am, Vik [EMAIL PROTECTED] wrote:
 I'm using jQuery to fade in my site logo on my home page header, to
 give the home page some animation. It works great.

 So that the page will degrade gracefully if the user doesn't have
 Javascript, the HTML has the complete logo already visible. That's
 what users without Javascript see.   If the user has javascript, I
 first hide() the logo using jQuery. Then I fade it in.

 However, many times when I load my home page, I see the logo briefly
 before jQuery can hide it.  You see the logo for a split second, and
 then it vanishes. (After that it fades in correctly). Is there a way
 to fix this?

 Here's the code:

 HTML:
         echo 'ul id=Animated_Header';
                 echo 'liimg src=/images/Logo_3.gif/li';
         echo '/ul';

 JQUERY;
 $(document).ready(function()
 {
         $('#Animated_Header').hide();

         $('#Animated_Header').html('liimg src=/images/Logo_1.gif /
 liliimg src=/images/Logo_2.gif  alt=FlavorZoom, the New Way to
 Count Calories/liliimg src=/images/Logo_3.gif /li');

         $(ul.nav).superfish();

         $('#Animated_Header').fadeIn(100).innerfade({
                                 speed: 'slow',
                                 timeout: 300,
                                 type: 'sequence',
                                 containerheight: '71px'
                         });

 });

 Thanks in advance to all for any info.

 -Vik

[jQuery] Re: .hide() Doesn't Work Fast Enough?

2008-07-07 Thread John Resig 

In which browser(s) are you having this issue?

--John


On Mon, Jul 7, 2008 at 12:41 PM, Vik [EMAIL PROTECTED] wrote:

 I'm using jQuery to fade in my site logo on my home page header, to
 give the home page some animation. It works great.

 So that the page will degrade gracefully if the user doesn't have
 Javascript, the HTML has the complete logo already visible. That's
 what users without Javascript see.   If the user has javascript, I
 first hide() the logo using jQuery. Then I fade it in.

 However, many times when I load my home page, I see the logo briefly
 before jQuery can hide it.  You see the logo for a split second, and
 then it vanishes. (After that it fades in correctly). Is there a way
 to fix this?

 Here's the code:

 HTML:
echo 'ul id=Animated_Header';
echo 'liimg src=/images/Logo_3.gif/li';
echo '/ul';

 JQUERY;
 $(document).ready(function()
 {
$('#Animated_Header').hide();

$('#Animated_Header').html('liimg src=/images/Logo_1.gif /
 liliimg src=/images/Logo_2.gif  alt=FlavorZoom, the New Way to
 Count Calories/liliimg src=/images/Logo_3.gif /li');

$(ul.nav).superfish();

$('#Animated_Header').fadeIn(100).innerfade({
speed: 'slow',
timeout: 300,
type: 'sequence',
containerheight: '71px'
});

 });

 Thanks in advance to all for any info.


 -Vik

[jQuery] Re: .hide() Doesn't Work Fast Enough?

2008-07-07 Thread Vik 

It's very impressive to get your thoughts on this, John. jQuery rocks.

The browser is FireFox 3.0 for Mac.

Your reply got me thinking about what could be specific to the browser
I'm using. I disabled all my FireFox add-ons and restarted FireFox.
Hide() now correctly hides the div before the logo can be seen. :)

Thanks very much for the feedback!


-Vik