UIKit Slideset setup

Question

Я пытаюсь создать UIKit Slideset. Пробовал несколько раз, но я не могу понять. Если вы знакомы с этим, дайте мне знать, как это работает. Вот мой HTML код:

<div data-uk-slideset="{default: 4}"> 
 
    <div class="uk-slidenav-position"> 
 
     <ul class="uk-grid uk-slideset"> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
      <li><img src="img/images1"</li> 
 
     </ul> 
 
     <a href="" class="uk-slidenav uk-slidenav-previous" data-uk-slideset-item="previous"></a> 
 
     <a href="" class="uk-slidenav uk-slidenav-next" data-uk-slideset-item="next"></a> 
 
    </div> 
 
    <ul class="uk-slideset-nav uk-dotnav uk-flex-center">...</ul> 
 
</div>

Answer 1

Я копия вставили пример из http://getuikit.com/docs/slideset.html в рабочую jsfiddle: https://jsfiddle.net/fL4876no/ как с slidenav и в dotnav Navigations активно.

Вы можете поэкспериментировать с этим самостоятельно.

Имейте в виду: вам нужно добавить библиотеки для слайд-шоу, slidenav и dotnav css & javascript.

Если вы хотите увидеть рабочий код на веб-сайте getuikit.com, я использую функцию «проверить элемент», щелкнув правой кнопкой мыши на рабочих примерах.

Здесь вы можете найти больше информации, чем в приведенных ниже кодах.