2015-01-29 1 views
1

Попытка заставить bxslider исчезать между изображениями. Это прекрасно работает, за исключением того, что следующее изображение не затухает, вместо этого оно просто появляется, заставляя его «мигать» или «поп».bxslider fade mode действительно исчезает, но «всплывает», что я сделал неправильно?

Я также страдаю из-за проблемы, когда в IE (я на v11) изображения чередуются вертикально как нормальный UL и не ожидают.

Вот мой слайдер декларации в HTML

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

Я пытаюсь получить какой-то отзывчивый слайдер в течение нескольких дней, пожалуйста, помогите.

Предлагая другие слайдеры или методы, вы также можете помочь решить мою проблему, обратите внимание, что я ничего не знаю о jquery или javascript.

ответ

0

по умолчанию, fadeIn/fadeout имеют «паузу»: 4000 и «скорость»: 500, заданная «скорость» до 2000 (мсек), будет иметь функцию fadeIn.

0

У меня была такая же проблема, и я обнаружил, что я случайно объявил два экземпляра bxSlider на одной и той же группе изображений. Я удалил код js, чтобы удалить один из них, и проблема была исправлена.