<div class="uk-slidenav-position" data-uk-slideshow="{autoplay:true, kenburns:true, pauseOnHover: false}">
  <ul class="uk-slideshow uk-slideshow-fullscreen">
    <li>
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/1car.jpg" alt="">
    </li>
    <li>
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/2car.jpg" alt="">
    </li>
    <li>
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/3car.jpg" alt="">
    </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>
</div>
// Images from Unsplash
// https://unsplash.com/

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/css/uikit.min.css
  2. https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/css/components/slideshow.min.css
  3. https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/css/components/slidenav.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/js/uikit.min.js
  3. https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/js/components/slideshow.min.js