Jquery BxSlider插件有助于创建自定义左侧&右箭头浏览幻灯片

时间:2012-11-05 17:25:19

标签: javascript jquery html css slider

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

我有一个

<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>

1 个答案:

答案 0 :(得分:1)

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

  • 包括jquery
  • 包括bx slider js
  • 包括bx slider css

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

查看jsfiddle.net/zCAMC/1 /