U
U
umar18182021-06-12 10:24:22
Slick
umar1818, 2021-06-12 10:24:22

Why doesn't Slider Syncing (double slider) work?

I need to make two related sliders. I wrote everything as in the documentation, but for some reason the slider does not appear at all.

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


Maybe I missed something somewhere?

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question