Попытка заставить 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.