Мне нужно сделать два связанных слайдера. Все написал как в документации, но почему-то слайдер вообще не появляется.
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/style.css">
<div class="heroes__inner">
<div class="heroes__slider-img">
<img src="images/hero-1.jpg" alt="" class="heroes__images">
<img src="images/hero-1.jpg" alt="" class="heroes__images">
<img src="images/hero-1.jpg" alt="" class="heroes__images">
</div>
<div class="heroes__slider-text">
<div class="heroes__text">
<h4 class="heroes__name">Рагнар1</h4>
<p>
Рагна́р Лодбро́к (др.-сканд. Ragnarr Loðbrók) - полулегендарный скандинавский конунг из рода Инглингов, ключевой персонаж сериала.
</p>
<p>
Умелый воин и амбициозный вождь, Рагнар на протяжении почти всей своей жизни следует пути викинга. Рассекая море в поисках боевой славы и наживы, он стремится обрести новые знания, открыть неизвестные земли и изменить нелегкую судьбу своего народа, живущего в суровых условиях Скандинавского полуострова
</p>
</div>
<div class="heroes__text">
<h4 class="heroes__name">Рагнар2</h4>
<p>
Рагна́р Лодбро́к (др.-сканд. Ragnarr Loðbrók) - полулегендарный скандинавский конунг из рода Инглингов, ключевой персонаж сериала.
</p>
<p>
Умелый воин и амбициозный вождь, Рагнар на протяжении почти всей своей жизни следует пути викинга. Рассекая море в поисках боевой славы и наживы, он стремится обрести новые знания, открыть неизвестные земли и изменить нелегкую судьбу своего народа, живущего в суровых условиях Скандинавского полуострова
</p>
</div>
<div class="heroes__text">
<h4 class="heroes__name">Рагнар3</h4>
<p>
Рагна́р Лодбро́к (др.-сканд. Ragnarr Loðbrók) - полулегендарный скандинавский конунг из рода Инглингов, ключевой персонаж сериала.
</p>
<p>
Умелый воин и амбициозный вождь, Рагнар на протяжении почти всей своей жизни следует пути викинга. Рассекая море в поисках боевой славы и наживы, он стремится обрести новые знания, открыть неизвестные земли и изменить нелегкую судьбу своего народа, живущего в суровых условиях Скандинавского полуострова
</p>
</div>
</div>
</div>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="css/jquery.fancybox.css"></script>
<script src="js/main.js"></script>
$('.heroes__slider-img').slick({
slidesToShow: 1,
slidesToScroll: 1,
fade: true,
asNavFor: '.heroes__slider-text'
});
$('.heroes__slider-text').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.heroes__slider-img',
});
Может я где-то что то пропустил?
