javascript - 如何向 Slick slider 添加箭头

Question

我正在使用名为“slick”(http://kenwheeler.github.io/slick/)的 jquery 插件使用 django 和 bootstrap 3 模板制作幻灯片演示文稿。我有一个使用 django 模板工作的基本轮播，如下所示:

  <div class="your-class">
    <div>your content</div>
    <div><IMG src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSj2c33fdt1ugB8VBuE5V37wnmPoxWMknX9JnGycNiH2yr3BpDKVA"></div>


    <div>your content</div>
  </div>

我在 http://jsfiddle.net/kc11/20a90mdm/1/ 有一把 fiddle

我想知道是否有办法在幻灯片的左侧和右侧添加箭头，就像在 http://kenwheeler.github.io/slick/ 上的第一个示例(单个元素)中那样.我只能看到幻灯片下方的上一个和下一个按钮

Answer 1

您的箭头已经在那里，它们是页面底部的Previous 和Next 按钮。您需要包含 slick-theme.css 或通过 css 自行设置样式。