CODEWITHSUNDEEP
javascriptjqueryhtmlcssslider
Muhammed Bhikha
Muhammed Bhikha

Reputation: 5019

Jquery BxSlider plug in help creating custom left & right arrow to go through slides

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>

Upvotes: 0

Views: 1188

Answers (1)

joko13
joko13

Reputation: 640

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/

Upvotes: 1

Related Questions