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

Closed
automatone opened this Issue Jun 13, 2012 · 8 comments

Comments

Projects
None yet
3 participants
@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

This comment has been minimized.

Show comment
Hide comment
@automatone

automatone Jun 15, 2012

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

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

This comment has been minimized.

Show comment
Hide comment
@Mottie

Mottie Jun 15, 2012

Member

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.

Member

Mottie commented Jun 15, 2012

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

This comment has been minimized.

Show comment
Hide comment
@automatone

automatone Jun 15, 2012

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.

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

This comment has been minimized.

Show comment
Hide comment
@automatone

automatone Jun 20, 2012

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

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

@Mottie

This comment has been minimized.

Show comment
Hide comment
@Mottie

Mottie Jun 20, 2012

Member

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

Member

Mottie commented Jun 20, 2012

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

@ghost

This comment has been minimized.

Show comment
Hide comment
@ghost

ghost Jun 22, 2012

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.

ghost commented Jun 22, 2012

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

This comment has been minimized.

Show comment
Hide comment
@Mottie

Mottie Jun 22, 2012

Member

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

Member

Mottie commented Jun 22, 2012

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

@Mottie Mottie closed this Jun 22, 2012

@benw5483

This comment has been minimized.

Show comment
Hide comment
@benw5483

benw5483 Jun 28, 2012

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!

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment