Question

I’m using a banner slider this one Banner Slider Where i want to trigger some event onSlide Change, by default its not available with this plugin.

(".slidebox").mSlidebox(function()
{
   //My action trigger here
});

How can i achieve that??

Answer 1

you may define your function here

slideboxNext.click(function(e){
    e.preventDefault();
    SlideboxAction("next","stop");
        YOUR FUNCTION HERE
});
slideboxPrevious.click(function(e){
    e.preventDefault();
    SlideboxAction("previous","stop");
        YOUR FUNCTION HERE
});

and in autoplay mode;

slideboxSlide.each(function(index){
    if(options.numberedThumbnails){
        slideboxThumbs.append("<a href='#' class='slideboxThumb' rel='"+(index+1)+"'>"+(index+1)+"</a>");
    }else{
        slideboxThumbs.append("<a href='#' class='slideboxThumb' rel='"+(index+1)+"' />");
    }
    $(this).attr("rel",index+1).addClass("slideboxSlide slideboxSlide_"+(index+1)).children().addClass("slideboxCaption");
    slideboxTotalWidth=(index+1)*slideboxWidth;
    slideboxSlides.css("width",slideboxTotalWidth);
    slideboxEnd=index*slideboxWidth;
    YOUR FUNCTION HERE
});

Hope this helps.