Question

StackOverflow’ers

I am new to jQuery but I am currently using the BXslider Plug in.

<script type="text/javascript">
  $(document).ready(function(){
    $('#slider').bxSlider();
  });
</script>

All I want to do is to make the slider, on each slide, slide in and out, left-to-right.

Answer 1

In the link you posted are all your options to customize the plugin. You can change the values like this:

$(document).ready(function(){
    $('#slider').bxSlider({
    mode: 'fade',
    });
});

If you are looking for more transition/easing options, you will need to include jQuery Easing. Get that here: http://gsgd.co.uk/sandbox/jquery/easing/

Then add the easing option like this:

easing: 'swing',

FYI ‘swing’ is the default.