Bug Tracker

#3975 closed bug (invalid)

Opened January 23, 2009 06:01PM UTC

Closed January 25, 2009 06:25PM UTC

Problem in opacity animation

Reported by: ibrahim Owned by:
Priority: minor Milestone: 1.3.2
Component: effects Version: 1.3.1
Keywords: Cc:
Blocked by: Blocking:
Description

if you hovering in & out couple of times in the image in my example and then stop

you will see the opacity is taking value other then it should be

example in attached file

Attachments (1)
  • example.zip (78.8 KB) - added by ibrahim January 23, 2009 06:02PM UTC.

    example

Change History (1)

Changed January 25, 2009 06:25PM UTC by dmethvin comment:1

resolution: → invalid
status: new → closed

Here's the basics of the test code:

$('.hover').hover(function() {
	$(this).find('img').stop().fadeOut('slow');
}, function() {
	$(this).find('img').stop().fadeIn('slow');
});

The 

.stop()
method is leaving the opacity at its value where the animation was stopped, which then causes the fadeIn/Out to resume at that point on later calls. As documented, if you want to have it go to the final animation point, pass in 
true
for the {{{goToEnd}} argument.

http://docs.jquery.com/Effects/stop#clearQueuegotoEnd