CODEWITHSUNDEEP
jquerycsssliderbxslider
Owen O'Neill
Owen O'Neill

Reputation: 107

BxSlider Fade in and Out

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.

Upvotes: 1

Views: 23361

Answers (2)

Connor
Connor

Reputation: 1034

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.

Upvotes: 6

Filipe Manuel
Filipe Manuel

Reputation: 995

The ID of your list or div has to be equal to what is the jQuery code.

See if there are other codes that were not properly closed and that might be interfering with this.

Make sure added the version of jQuery that is compatible with the plugin and added the .min.js in the page header.

Upvotes: 0

Related Questions