FlexSlider IE7 및 8에서 페이드 애니메이션이 깨졌습니다.

Question

페이드 애니메이션이 사라지고 페이드가 아닌 다음 슬라이드 내용이 렌더링되고 두 슬라이드가 모두 표시되고 지정된 animaionDuration에 함께 매쉬됩니다.

이 문제가 수정 되었습니까?

FlexSlider 'support'피드에 게시되었지만 잘 모니터링되지 않았으므로 지금으로 향하고 있습니다. 여기

$('.flexslider').flexslider({ 
    slideshow: true, 
    slideshowSpeed: 6000, 
    animation: "fade", 
    animationDuration: 500 
}); 

FlexSlider 문서 : 복제

http://flex.madebymufffin.com/

Answer 1

플렉스 슬라이더가 사용하는 IE7/8에서 animationDuration을 제거하기 위해 if/else 문을 사용하여 문제를 '해결'하는 것과 동일한 문제가있었습니다.

IE8/7에서는 꽤 좋지는 않지만 문제를 해결하고 모든 최신 브라우저를 의도 한대로 유지합니다.

if ($().flexslider) { 
    if (window.navigator.userAgent.indexOf('MSIE 8.0;') > 0) { 
     $('.flexslider').flexslider({ 
      slideshowSpeed: 5000, 
      animation: "fade", 
      animationDuration: 0, 
      controlNav: false, 
      pauseOnHover: true, 
      directionNav: true 
     }); 
    } else{ 
     $('.flexslider').flexslider({ 
      slideshowSpeed: 5000, 
      animation: "fade", 
      controlNav: false, 
      pauseOnHover: true, 
      directionNav: true 
     }); 
    } 
}; 

희망이 있습니다.

Answer 2

수 없습니다

여기 내 전화입니다.

그러나 내 오류 콘솔에서 이것을 얻었습니다. 이로 인해 다른 오류가 발생하면 일부 jQuery 이벤트 전파가 중단 될 수 있습니다.

http://web2carz.rawdesigns.net/common/js/awkward.js Failed to load resource: the server responded with a status of 404 (Not Found) 

해당 스크립트의 내용이 중요한 경우 문제가 발생할 수 있습니다.

Answer 3

IE7이 "페이드"애니메이션을 지원하지 않는다는 것을 알았습니다. 나는 이유를 모른다. 위의 모든 대답을 바탕으로 다음과 같이 스크립트 호출을 편집하여 작동했습니다. 좋은 브라우저를 위해서는 "페이드"효과가 있고 IE7에는 "슬라이드"효과가 있습니다.

<script type="text/javascript"> 
$(window).load(function(){ 
    if (window.navigator.userAgent.indexOf('MSIE 7.0;') > 0) { 
     $('.flexslider').flexslider({ 
      animation: "slide" 
     }); 
    } else { 
     $('.flexslider').flexslider(); 
    } 
}); 
</script>