Не запускается слайдер, в чём проблема?
$('.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>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Нужна ваша помощь в js и jqueryСуть задачи такая - есть определенное число, например 190 000 тонн, при загрузке страницы это число должно с 0 досчитать...
Я хочу реализовать покраснение экрана при столкновении с врагом, но по как-то причине мой код не работает
Создаю скрипт вывода баннераЕсть блок с уникальным ID в него выводится баннер
Всем привет! При добавлении новой записи в бд mysql (хоть откуда, даже из phpmyadmin) мне нужно написать в consolelog('Новая запись с ID (id записи)'); как это...