Question

I am using the Jquery bxSlider plugin. What I am trying to achieve is the EXACT same example that is shown on this page. I know how to create the slider, I am struggling to link my left and right arrow to go to the pre/next slides. Please can someone help, I can imagine it is a very simple solution.

I have a

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

the javascript somehow needs to say when that class is clicked go to the previous slide.

Here is their API page

my code so far:

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

Answer 1

it´s all on the page you linked to. no need to set prev and next links yourself, the script will do that for you.

• include jquery
• include bx slider js
• include bx slider css

put each slide in a list item.

check out jsfiddle.net/zCAMC/1/