Почему не работает Slider Syncing (двойной слайдер)?

Question

[umar1818]

Мне нужно сделать два связанных слайдера. Все написал как в документации, но почему-то слайдер вообще не появляется.

<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',
	});

Может я где-то что то пропустил?