How to connect Uikit 2 slider?

Question

css

For some reason, I can't connect the slider to Uikit 2. I seem to be doing everything according to the documentation, but it doesn't work. Maybe someone knows what the problem is?

<div class="uk-slidenav-position" data-uk-slideshow>
      <ul class="uk-slideshow" data-uk-slideshow="{autoplay:true}">
          <li><img src="../img-slider/pic-slider-1.png" width="100%" height="100%" alt="slider picture"></li>
          <li><img src="../img-slider/pic-slider-2.png" width="100%" height="100%" alt="slider picture"></li>
          <li><img src="../img-slider/pic-slider-3.png" width="100%" height="100%" alt="slider picture"></li>
      </ul>
      <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous"></a>
      <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next"></a>
      <ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center">
          <li data-uk-slideshow-item="0"><a href=""></a></li>
          <li data-uk-slideshow-item="1"><a href=""></a></li>
                <li data-uk-slideshow-item="2"><a href=""></a></li>
      </ul>
  </div>

Answer 1

Have you added the js part? What does the console write?