动态观察深度链接基础6

Question

我想用按钮而不是子弹来改变轨道中的图像。它在Foundation5中被称为“深度链接”。如下所示：http://foundation.zurb.com/sites/docs/v/5.5.3/components/orbit.html

我如何在Foundation 6中做同样的事情？

Answer 1

在您的<ul class="orbit-container">中，作为幻灯片(<li class="orbit-slide">)的兄弟，放置以下按钮：

<button class="orbit-previous" aria-label="previous">
    <span class="show-for-sr">Previous Slide</span>
    &#9664;
</button>

<button class="orbit-next" aria-label="next">
    <span class="show-for-sr">Next Slide</span>
    &#9654;
</button>

这些按钮如Foundation 6 Orbit doc上所示