Не запускается автоплей в slick slider

145
04 января 2020, 20:50

Не запускается слайдер, в чём проблема?

    
  $('.autoplay').slick({ 
  slidesToShow: 3, 
  slidesToScroll: 1, 
  autoplay: true, 
  autoplaySpeed: 2000, 
  responsive: [ 
    { 
      breakpoint: 1199, 
      settings: { 
        slidesToShow: 3, 
        slidesToScroll: 1, 
      } 
    }, 
    { 
      breakpoint: 991, 
      settings: { 
        slidesToShow: 2, 
        slidesToScroll: 1, 
      } 
    }, 
    { 
      breakpoint: 767, 
      settings: { 
        slidesToShow: 2, 
        slidesToScroll: 1, 
      } 
    }, 
    { 
      breakpoint: 600, 
      settings: { 
        slidesToShow: 1, 
        slidesToScroll: 1, 
      } 
    }, 
    { 
      breakpoint: 400, 
      settings: { 
        slidesToShow: 1, 
        slidesToScroll: 1, 
      } 
    } 
  ] 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> 
<div class="autoplay" style="padding-left:10px;padding-right:10px;"> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/1spon.jpg"><img src="img/1spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/2spon.jpg"><img src="img/2spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/3spon.jpg"><img src="img/3spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/4spon.jpg"><img src="img/4spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/5spon.jpg"><img src="img/5spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/6spon.jpg"><img src="img/6spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/7spon.jpg"><img src="img/7spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/8spon.jpg"><img src="img/8spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/9spon.jpg"><img src="img/9spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/10spon.jpg"><img src="img/10spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/11spon.jpg"><img src="img/11spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/12spon.jpg"><img src="img/12spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/13spon.jpg"><img src="img/13spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/14spon.jpg"><img src="img/14spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/15spon.jpg"><img src="img/15spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/16spon.jpg"><img src="img/16spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/17spon.jpg"><img src="img/17spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/18spon.jpg"><img src="img/18spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/19spon.jpg"><img src="img/19spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
            <div style="width:90%;margin-left:1vh;margin-right:1vh;"><center><a data-fancybox="gallery" href="img/20spon.jpg"><img src="img/20spon.jpg" style="height:30px;" class="img-fluid" alt="Спонсор"></a></center></div> 
          </div>

READ ALSO
Счетчик цифр с двумя интервалами

Счетчик цифр с двумя интервалами

Нужна ваша помощь в js и jqueryСуть задачи такая - есть определенное число, например 190 000 тонн, при загрузке страницы это число должно с 0 досчитать...

128
Phaser 3.15.1 Мигание спрайта при коллизии

Phaser 3.15.1 Мигание спрайта при коллизии

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

128
JS создать блок ниже или выше скрипта

JS создать блок ниже или выше скрипта

Создаю скрипт вывода баннераЕсть блок с уникальным ID в него выводится баннер

140
Node js отслеживание новых записей в БД mysql

Node js отслеживание новых записей в БД mysql

Всем привет! При добавлении новой записи в бд mysql (хоть откуда, даже из phpmyadmin) мне нужно написать в consolelog('Новая запись с ID (id записи)'); как это...

113