In bxslider i want to add a class on current slide

Question

I want to add an extra class to the current visible slide, i dont have so much knowledge of jquery i\'m trying it by following code.

 $(document).ready(func         


        

Answer 1

Here it is:

$('#slider1 ul').bxSlider({
    pager: 'true',
    onSliderLoad: function(currentIndex) {     
      $('#slider1').find('.bx-viewport').find('ul').children().eq(currentIndex + 1).addClass('active-slide');
    },
    onSlideBefore: function($slideElement){
      $('#slider1').find('.bx-viewport').find('ul').children().removeClass('active-slide');
      $slideElement.addClass('active-slide');
    }
});

JSFiddle