javascript - Jquery BxSlider 插件帮助创建自定义左右箭头来浏览幻灯片

Question

我正在使用 Jquery bxSlider插件。我想要实现的是与此页面上显示的完全相同的示例。我知道如何创建滑块，我正在努力将左右箭头链接到上一张/下一张幻灯片。请有人帮忙，我可以想象这是一个非常简单的解决方案。

我有一个

<a href="" class="bx-prev">PREVIOUS</a>

当单击该类时，javascript 需要以某种方式说明转到上一张幻灯片。

这是他们的 API 页面

到目前为止我的代码：

<script type="text/javascript">
  $(document).ready(function(){
    $('#saucesslider').bxSlider({
    autoControls: false,
      });
});
  $(".bx-prev").click(function(){});
</script>

Answer 1

这一切都在您链接到的页面上。无需自己设置 prev 和 next 链接，脚本会为您完成。

• 包括jQuery
• 包括bx滑块js
• 包括 bx 滑块 css

将每张幻灯片放在一个列表项中。

查看 jsfiddle.net/zCAMC/1/