I used the stop() method just before the animate() one and it works (in both events) , sort of, like I want... Let's say the animations are 5000ms, both mouse over and mouse out. I move the mouse over and let the animation go for 2500ms and then move the mouse out. The mouse over animation will be stoped and the mouse out animation will start from that point. However, there's a problem. I stoped the animation at 2500ms, so, only half of the animation was done. This means that the mouse out animation will only have half way to animate from that point and this half animation will take 5000ms instead of 2500. Get the picture?
I tried to calculate the time necessary for each animation with lots of ifs and such, but it doesn't work correctly... Maybe I'm overanalyzing it, can anyone help me out? On Aug 12, 6:22 am, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote: > Nazgulled, > > I understand exactly what u are after. They key to the solution is interface > animation's stop() method. I guess it will take some work to get this done, > and i sincerely can't squeeze in enough time to ponder around for a > solution. So, i would leave this for other jquery experts here, or request > you to try along the lines of the stop() method. > > -GTG > > On 8/11/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > > The hoverintent plugin won't help, because the "hover event" will only > > take place after a while when the user hovers the mouse and I can't > > have that, I need the event to be fired just when the mouse is over, > > so that plugin is out. > > > And I though you already knew that I'm using animate() method from > > interface... I just don't have a clue on how to make this animation > > work as I want it. I don't need to stop the animation I just need to > > prevent it from running. I mean, all I want is a nice and "correct" > > animation, without any loops and no matter how many times I move the > > mouse over and out, the last animation must be the one corresponding > > the mouse's last movement. > > > Please someone help me out, I have no Idea to achieve this animation > > in a coherent fashion. > > > On Aug 12, 12:17 am, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote: > > > Hi, the demo that is posted was just a way to approach that problem... > > > > As i mentioned already, you can use the hoverIntent plugin to approach > > it as > > > well... > > > > If you are fine to use interface plugin, then you can use interface's > > > animate() method, coz, that allows you to stop animation in between... > > > > Hope that helps. > > > > -GTG > > > > On 8/11/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > > Can anyone help me with this? > > > > > On Aug 10, 8:06 pm, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > > It doesn't really work as expected. Let's say you increase the time > > it > > > > > takes to do the animation (it's easier to see the problem). You move > > > > > the mouse over, then out and then back over, all this while the > > first > > > > > "mouse over animation" is being executed. You'll notice that the > > > > > "mouse out" animation will be executed when the "mouse over" > > animation > > > > > finishes. I mean, yes, I moved hte mouse over and out a few times, > > but > > > > > the last movement was "mouse over" while the first animation ov > > "mouse > > > > > over" was being executed, and I don't think that the "mouse out" > > > > > animation should have been executed in this case. Also, sometimes > > the > > > > > functions stay unbinded for some reason and for them to work again, > > a > > > > > page refresh is needed... > > > > > > On Aug 10, 7:25 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote: > > > > > > > I have put together a demo. > > > > > > >http://www.gmarwaha.com/test/other/testHoverAnchorInAndOutFast.html > > > > > > > Have fun, and lemme know if this works for u. > > > > > > > -GTG > > > > > > > On 8/10/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > > > > > I think I understood what you said, but I just can't find a way > > to > > > > > > > code it... Coud you provide me with a simple example on how to > > do > > > > it? > > > > > > > Let's say I have the following code: > > > > > > > > $("a#testlink").mouseover(function() { > > > > > > > $("div#testbox").animate({ color: '#000000' }, 1000); > > > > > > > }); > > > > > > > > $("a#testlink").mouseout(function() { > > > > > > > $("div#testbox").animate({ color: '#ffffff' }, 1000); > > > > > > > }); > > > > > > > > How would you do it? > > > > > > > > On Aug 9, 9:31 am, "Ganeshji Marwaha" <[EMAIL PROTECTED]> > > wrote: > > > > > > > > there are several ways you can solve this problem... Let me > > try > > > > and > > > > > > > guide u > > > > > > > > through a couple > > > > > > > > > 1. There is a plugin called hover > > > > > > > > intent< > >http://cherne.net/brian/resources/jquery.hoverIntent.html>. > > > > > > > > The primary purpose of this plugin is to stop these kind of > > > > actions on > > > > > > > > unintentional hovers. > > > > > > > > So, you can allow the user to move the mouse over ur link, and > > > > when it > > > > > > > is > > > > > > > > clear that the users intention is to actually use the link, > > the > > > > hover > > > > > > > event > > > > > > > > is fired. This can solve your problem although, this might not > > be > > > > what > > > > > > > you > > > > > > > > are looking for. > > > > > > > > > 2. You can unbind the mouseover event when the animation > > starts > > > > and in > > > > > > > the > > > > > > > > animation end callback you can bind the handler again. Same > > can be > > > > done > > > > > > > for > > > > > > > > mouse out as well. This way if the user mouseovers the link, > > the > > > > unbind > > > > > > > > event happens and the animation starts. During this time if > > the > > > > user > > > > > > > hovers > > > > > > > > over it again and again, your handler wont be called because > > you > > > > have > > > > > > > > unbound it already. Once the animation is done, attach the > > handler > > > > > > > again. > > > > > > > > > -GTG > > > > > > > > > On 8/8/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > > > > > > > I'm using the Interface Elements plugin (just the IFX one) > > to > > > > create > > > > > > > > > some animations in my scripts but I have a little problem. > > For > > > > better > > > > > > > > > descriptiong of the problem here's a test page: > > > > > > > > > >http://stuff.nazgulled.net/misc/test/ > > > > > > > > > > You'll see a link named "TESTE LINK". Please move the mouse > > over > > > > the > > > > > > > > > link and out a couple of times really quick. > > > > > > > > > > What happened? The mouseover and mouseout animations were > > > > executed > > > > > > > > > many times has you moved the mouse over and out of the link. > > > > Well, if > > > > > > > > > you move the mouse over, out, over, out, over and out, while > > the > > > > first > > > > > > > > > animation is still being done, I want this to be only done > > once > > > > and > > > > > > > > > not repeatedly. Basically the animation over and out would > > be > > > > done > > > > > > > > > just once. > > > > > > > > > > Do you understand what I'm saying? I hope so...
