我正在使用这个横幅滑块Banner Slider我希望触发一些事件onSlide Change,默认情况下它不适用于此插件。
(".slidebox").mSlidebox(function()
{
//My action trigger here
});
我怎样才能实现?
答案 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);
});