为SuperSlides滑动文本分页

Question

我试图在网站上使用Superslides（https://github.com/nicinabox/superslides/）和Foundation 5。

我正在使用4张幻灯片，并希望导航不是＆＃34;点＆＃34;标准，但文字。

例如：导航将通过＆＃34;幻灯片1＆＃34;，＆＃34;幻灯片2＆＃34;，＆＃34;幻灯片3＆＃34;和＆＃34;幻灯片4＆＃34;。

我没有找到类似的例子，有人可以提供帮助吗？

Answer 1

不确定您是否找到了问题的答案。

我有同样的问题，在文档中不是很清楚。

步骤1

在你的JS中调用hashchange和pagination并设置为true。

$('#slides').superslides({
    hashchange: true,
    pagination: true
});

第2步

将ids添加到滑块元素，例如：

<img src="/imgs/people.jpeg" alt="home" id="home">

第3步

创建新导航并根据需要设置样式。在每个导航项中创建链接，并将HREF链接到您创建的ID。

 <nav class="extra-nav">
  <a href="#home" class="next">home</a>
  <a href="#about" class="prev">about</a>
  <a href="#end" class="prev">end</a>
</nav>

您的新导航现在应该启动与您使用的IDS相关的正确幻灯片。