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

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.

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]-->

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.

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.

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

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

fix IE9 flashing before fade - issue #377

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

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!

Navigation Menu

Repository navigation

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

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

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

Description

Activity

automatone commented on Jun 15, 2012

Mottie commented on Jun 15, 2012

automatone commented on Jun 15, 2012

automatone commented on Jun 20, 2012

Mottie commented on Jun 20, 2012

Mottie commented on Jun 22, 2012

benw5483 commented on Jun 28, 2012

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions

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