UIKit Slideset設置

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導航積極兩者。

你可以親自嘗試一下。

要記住：您需要爲幻燈片，slidenav和dotnav css & javascript添加庫。

如果您想查看getuikit.com網站上的工作代碼，我使用「檢查元素」功能 - 右鍵單擊​​工作示例中的chrome。

在那裏你可以找到更多的信息，而不是在提供的codesnippets。