在Jquery中触发幻灯片更改

时间:2012-05-12 17:24:57

标签: javascript jquery html

我正在使用这个横幅滑块Banner Slider我希望触发一些事件onSlide Change,默认情况下它不适用于此插件。

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

我怎样才能实现?

2 个答案:

答案 0 :(得分:1)

你可以在这里定义你的功能

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

并采用自动播放模式;

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
});

希望这有帮助。

答案 1 :(得分:0)

正如您在每张幻灯片上看到的那样,slideboxSlides类的元素的样式属性已更改,您可以使用此元素的DOMAttrModified事件:

(".slidebox").mSlidebox(function()
{

document.getElementsByClassName('slideboxSlides').addEventListener('DOMAttrModified', function(e){
  if (e.attrName === 'style') {
    // My action trigger here...
  }
}, false);

});