internet-explorer-8 - Flexslider IE8 - 短い slideshowSpeed 値と複数のスライダーの問題

Question

slideshowSpeed短い値 ( )を持つ複数のスライダーがあるポートフォリオ サイトで Flexslider を使用してい650msます。各スライドショーには、ホバー時に再生/一時停止があります。IE8 でページ読み込み時に最初のスライドが 2 番目のスライドに移行することを発見しましたが、この値を に増やす1100msと、最初のスライドが正常に読み込まれます。

slideshowSpeedIE8 用に別のものを定義することは可能ですか? または、IE8 の問題を防ぐ別の方法はありますか?

$('.flexslider').flexslider({
  controlNav: false,
  directionNav: false,
  slideshowSpeed: 1100, // 650ms causes IE8 to skip to 2nd slide on page load
  animationSpeed: 0,
  mousewheel: false,
  start: function(slider){
    slider.pause();
  }
});

$('.flexslider').each(function(){
  $(this).hoverIntent(
    function(){
        $(this).flexslider('play');
    },
    function(){
        $(this).flexslider('pause');
    }
  );
}); 

Answer 1

$.supportjQuery のメソッドを使用して条件付きで IE8 の速度を遅くすることで、この問題を回避することができました。

var speed = 650; // faster speed for good browsers

if (!$.support.leadingWhitespace) {
  // slower speed for IE8, otherwise it skips 1st slide on page load
  speed = 1150; 
}

$(thumbs).flexslider({
  slideshowSpeed: speed,
  // all other options as per code in question above
});