In IE9: slight *flash* during the fade effect? How to fix?

[automatone]

We have identified an issue (only on Windows machines running Internet Explorer) with the fade effect:

There is a very slight "flashing" effect when dissolving between slides. This is only apparent in IE9 running under Win7, though it may happen with earlier versions, too. Firefox under Win7 does not have the problem.

Here is the site where this is happening:

http://lifo.co/globalportal/v.10/

We have switched to a version with the usual "slide" effect, which works perfectly on all tested systems so far, but we miss the dissolve effect, which works well on all other platforms/devices.

Can others reproduce this problem, and is there a quick fix? We launch on Friday (June 15) and I'd like to have this resolved by then.

Thanks in advance for your time spent reviewing this and commenting back.

Tony.

[automatone]

Not sure if anybody will gain from this … but my solution was to use two conditional scripts, one for IE (lower) and one for all browsers except IE (upper, where the "f" mode is supported without the strange strobing effect at the midpoint in dissolves between slides):

<!--[if !IE]><!-->
    <script type="text/javascript">
        $(document).ready(function() {
            $('#slider2').anythingSlider({
                mode                : 'f',
                delay               : 7000,
                autoPlay            : true,
                resizeContents      : false, // If true, solitary images/objects in the panel will expand to fit the viewport
                navigationFormatter : function(index, panel){ // Format navigation labels with text
                    return ['Focus', 'History', 'Personal', 'Interpersonal', 'Team Building', 'Applications', 'Certification', 'Global Reach'][index - 1];
                },
                onSlideBegin: function(e,slider) {
                    // keep the current navigation tab in view
                    slider.navWindow( slider.targetPage );
                }
            });
    </script>
<!-- <![endif]-->


<!--[if IE]>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#slider2').anythingSlider({
                delay               : 7000,
                autoPlay            : true,
                resizeContents      : false, // If true, solitary images/objects in the panel will expand to fit the viewport
                navigationFormatter : function(index, panel){ // Format navigation labels with text
                    return ['Focus', 'History', 'Personal', 'Interpersonal', 'Team Building', 'Applications', 'Certification', 'Global Reach'][index - 1];
                },
                onSlideBegin: function(e,slider) {
                    // keep the current navigation tab in view
                    slider.navWindow( slider.targetPage );
                }
            });
    </script>
<![endif]-->

[Mottie]

Hi automatone!

Sorry, I had a busy day and didn't get a chance to figure out this probelm. I never noticed that flash before... it's odd that it's only showing up in IE9, but not IE8. I'll look into this tomorrow.

[automatone]

Here is a video showing the "strobing" during the slide transitions. Curiously, it doesn't seem to happen on all slides, at least not in the recording.

http://weprepit.com/temp/Anyslider-strobe-effect.mov

Tony.

[automatone]

Any update on this issue … have you been able to reproduce it on other machines? Thanks for any news you can send.

[Mottie]

Hi sorry for the lack of follow up... I was able to reproduce it, just haven't had time to figure out a solution.

I can replicate in ie7, ie8 (VM) & ie9 (Windows 7). I know this is not a fix, but a kind of easy work-around. Because the background is white you get the white flash. So i just set the the background to a subtle color from the 'company' color pallette.

[Mottie]

Ok, I found the problem. This should now be fixed in 1.8.6. Thanks for reporting it!

[benw5483]

Thanks so much for the fix I was experiencing this as well on 1.8.5 and found this bug report which led me to get the latest version.

Great work!