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

Question

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

我有一个

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

javascript 不知何故需要说明何时单击该类转到上一张幻灯片。

Here is their API page

到目前为止我的代码:

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

Answer 1

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

• 包含 jquery
• 包含 bx slider js
• 包含 bx slider CSS

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

查看 jsfiddle.net/zCAMC/1/