[jQuery] Re: fadeIn/Out problem
yeap, your site is down, but i've found hoverIntent.js in jquery's SVN repository (i think jquery ui use it, but not sure, i've used windows' search, and didn't browse the sources). great plug-in, thanks!
[jQuery] Re: fadeIn/Out problem
It appears my web site is down (at least for me). I added a "release" zip
file to the jquery plug-in page for hoverIntent, but it's not showing up now
that I've logged out (not sure what's going on with that). Let me know if
you need the code for hoverIntent... I'll send you a zip file.
Brian.
On 11/25/07, krcko <[EMAIL PROTECTED]> wrote:
>
>
> i've missed that one, thank you! you saved me lot of gray hairs :)
>
> On Nov 25, 12:24 pm, Wizzud <[EMAIL PROTECTED]> wrote:
> > You might want to look into using the hoverIntent plugin
> ...http://jquery.com/plugins/project/hoverIntent
> >
> > On Nov 24, 9:46 pm, krcko <[EMAIL PROTECTED]> wrote:
> >
> > > Hi to all, i'm having problems with fade in/out animation. I have
> > > buttons and i want to make hover fade-in effect.
> >
> > > this is html:
> >
> > >
> > >
> > >
> > > Top rated
> > >
> >
> > >
> > >
> > >
> > > Groups
> > >
> >
> > > at the beginning button-hover is hidden, and i want to make it fade-in
> > > when button is hovered, this is script i use:
> >
> > > $(function()
> > > {
> > > $('.button').each(function()
> > > {
> > > $(this).hover
> > > (
> > > function()
> > > {
> > > $('.button-hover',
> this).fadeIn('fast');
> > > },
> >
> > > function()
> > > {
> > > $('.button-hover',
> this).fadeOut('normal');
> > > }
> > > );
> > > });
> >
> > > });
> >
> > > and it works ok, but when i move mouse hover and out the button i.e.
> > > 15 times the script will 'remember' that and it will flash button 15
> > > times! i don't want this.
> >
> > > i've tried to add flag to each button $('.button').attr('animating',
> > > 'no') and to check it before doing any animations, if the flag state
> > > is "yes" i return, if not i do animation, and i was setting this flag
> > > before fadeIn and fadeOut and reseting it in callback function for
> > > each animation... but it doesn't works...
> >
> > > i've tried with .stop() function but had no luck either...
>
[jQuery] Re: fadeIn/Out problem
i've missed that one, thank you! you saved me lot of gray hairs :)
On Nov 25, 12:24 pm, Wizzud <[EMAIL PROTECTED]> wrote:
> You might want to look into using the hoverIntent plugin
> ...http://jquery.com/plugins/project/hoverIntent
>
> On Nov 24, 9:46 pm, krcko <[EMAIL PROTECTED]> wrote:
>
> > Hi to all, i'm having problems with fade in/out animation. I have
> > buttons and i want to make hover fade-in effect.
>
> > this is html:
>
> >
> >
> >
> > Top rated
> >
>
> >
> >
> >
> > Groups
> >
>
> > at the beginning button-hover is hidden, and i want to make it fade-in
> > when button is hovered, this is script i use:
>
> > $(function()
> > {
> > $('.button').each(function()
> > {
> > $(this).hover
> > (
> > function()
> > {
> > $('.button-hover', this).fadeIn('fast');
> > },
>
> > function()
> > {
> > $('.button-hover', this).fadeOut('normal');
> > }
> > );
> > });
>
> > });
>
> > and it works ok, but when i move mouse hover and out the button i.e.
> > 15 times the script will 'remember' that and it will flash button 15
> > times! i don't want this.
>
> > i've tried to add flag to each button $('.button').attr('animating',
> > 'no') and to check it before doing any animations, if the flag state
> > is "yes" i return, if not i do animation, and i was setting this flag
> > before fadeIn and fadeOut and reseting it in callback function for
> > each animation... but it doesn't works...
>
> > i've tried with .stop() function but had no luck either...
[jQuery] Re: fadeIn/Out problem
You might want to look into using the hoverIntent plugin ...
http://jquery.com/plugins/project/hoverIntent
On Nov 24, 9:46 pm, krcko <[EMAIL PROTECTED]> wrote:
> Hi to all, i'm having problems with fade in/out animation. I have
> buttons and i want to make hover fade-in effect.
>
> this is html:
>
>
>
>
> Top rated
>
>
>
>
>
> Groups
>
>
> at the beginning button-hover is hidden, and i want to make it fade-in
> when button is hovered, this is script i use:
>
> $(function()
> {
> $('.button').each(function()
> {
> $(this).hover
> (
> function()
> {
> $('.button-hover', this).fadeIn('fast');
> },
>
> function()
> {
> $('.button-hover', this).fadeOut('normal');
> }
> );
> });
>
> });
>
> and it works ok, but when i move mouse hover and out the button i.e.
> 15 times the script will 'remember' that and it will flash button 15
> times! i don't want this.
>
> i've tried to add flag to each button $('.button').attr('animating',
> 'no') and to check it before doing any animations, if the flag state
> is "yes" i return, if not i do animation, and i was setting this flag
> before fadeIn and fadeOut and reseting it in callback function for
> each animation... but it doesn't works...
>
> i've tried with .stop() function but had no luck either...
