jquery - bxslider 淡入淡出模式确实淡出，但 "pops"淡入，我做错了什么？

Question

尝试让 bxslider 在图像之间淡入淡出。这工作正常，除了下一个图像没有淡入，而是出现，导致它“闪烁”或“弹出”。

我还遇到了这样的问题:在 IE 中(我使用的是 v11)图像像普通 UL 一样垂直平铺并且没有动画。

这是我的 HTML slider 声明

<ul class="bxslider">
          <li><img src="IMG" /></li>
          <li><img src="IMG" /></li>
          <li><img src="IMG" /></li>
          <li><img src="IMG" /></li>
        </ul>
        <script>
        $(document).ready(function(){
            $('.bxslider').bxSlider({
              mode: 'fade',
              speed: 500
            });
          });
        </script>

这是我的全部样式表声明。

<!-- Stylesheets -->
  <link rel="stylesheet" href="css/style.css" media="all">

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script src="js/plugins/jquery.easing.1.3.js"></script>
  <script src="js/jquery.bxslider.js"></script>

  <link href="js/jquery.bxslider.css" rel="stylesheet" />

  <link rel="stylesheet" href="rmm-css/responsivemobilemenu.css" type="text/css"/>
  <script type="text/javascript" src="rmm-js/responsivemobilemenu.js"></script>

  <link rel="stylesheet" href="css/slider.css" media="all">
  <link rel="stylesheet" href="css/col.css" media="all">
  <link rel="stylesheet" href="css/2cols.css" media="all">
  <link rel="stylesheet" href="css/3cols.css" media="all">
  <link rel="stylesheet" href="css/4cols.css" media="all">
  <link rel="stylesheet" href="css/5cols.css" media="all">
  <link rel="stylesheet" href="css/6cols.css" media="all">
  <link rel="stylesheet" href="css/7cols.css" media="all">
  <link rel="stylesheet" href="css/8cols.css" media="all">
  <link rel="stylesheet" href="css/9cols.css" media="all">
  <link rel="stylesheet" href="css/10cols.css" media="all">
  <link rel="stylesheet" href="css/11cols.css" media="all">
  <link rel="stylesheet" href="css/12cols.css" media="all">

我已经尝试让某种响应 slider 启动并运行几天了，请帮忙。

建议其他 slider 或方法也可以帮助解决我的问题，请注意，我对jquery或javascript一无所知。

Answer 1

默认情况下，fadeIn/fadeout 的 'pause':4000 和 'speed':500，将 'speed' 设置为 2000(毫秒)将使 fadeIn 表现良好。