An issue about MouseOutOpacity, and SOLVE It !

[GoogleCodeExporter]

What steps will reproduce the problem?
1. click the last image of current page, and hover on it
2. press "right arrow" key to change to next page
3. move mouse to trigger MouseOut event in opacityrollover.js

What is the expected output? What do you see instead?

The expected output after rebuildThumbs() is only the images show in current 
page.
When I move my mouse, the image that I hovered in previous page shows in 
current page.

What version of the product are you using? On what operating system?
jQuery 1.9.0

Please provide any additional information below.
[SOLVE]
jquery.opacityrollover.js

change

        function fadeTo(element, opacity) {
            var $target = $(element);
            if (config.exemptionSelector)
                $target = $target.not(config.exemptionSelector);
                $target.fadeTo(config.fadeSpeed, opacity);
        }

to 

         function fadeTo(element, opacity) {
             var $target = $(element);

             if (config.exemptionSelector)
                 $target = $target.not(config.exemptionSelector);
             if($target.is(":visible")){
                 $target.fadeTo(config.fadeSpeed, opacity);
             }
         }

-------------------------------------

I think this FadeTo() call after the $thumbsUl.find('li').each(...) function in 
rebuildThumbs() in the jquery.galleriffic.js, so the $target shows in current 
page.
Do not call fadeTo if $target is hidden can avoid it.

Original issue reported on code.google.com by joseph78...@gmail.com on 20 Jul 2013 at 2:52

Attachments:

• issue.jpg