我在自动收报机模式下使用bxslider来显示我添加了灯箱的一行图像。一切正常,但当我点击我想停止节目。
在非自动收报机模式下,这似乎很容易,但是自动收报机模式运行tickerLoop()
功能,该功能不会停止。
有一个功能可以在悬停时停止播放,我认为我可以修改它,但它似乎不起作用。
这是我的代码:
var slider = $('.portfolio-slider').bxSlider({
minSlides: 4,
maxSlides: 4,
slideWidth: 170,
slideMargin: 10,
ticker: true,
speed: 30000,
tickerHover:true,
useCSS:false
});
$('.portfolio-slider').click(function (l){
$('a[rel*=facebox-cap]').facebox();
slider.stopShow,
slider.startShow
}
});
编辑:
它几乎可以使用它:
var slider_config = {
minSlides: 4,
maxSlides: 4,
slideWidth: 170,
slideMargin: 10,
ticker: true,
speed: 30000,
tickerHover:true,
useCSS:false
}
var slider = $('.portfolio-slider').bxSlider(slider_config);
$('ul.portfolio-slider li').on({
click: function(e){
e.preventDefault();
$('a[rel*=facebox-cap]').facebox();
var slide_index = slider.getCurrentSlide();
slider_config['speed'] = 0;
slider_config['startSlide'] = slide_index;
slider.reloadSlider(slider_config);
},
mouseleave: function(e){
e.preventDefault();
var slide_index = slider.getCurrentSlide();
slider_config['speed'] = 30000;
slider_config['startSlide'] = slide_index;
slider.reloadSlider(slider_config);
}
});
该代码至少允许我修改重新加载滑块的设置。唯一的问题是它看起来非常俗气,并且无法正常使用灯箱。
答案 0 :(得分:0)
从未使用过这个,但请看一下这个例子http://bxslider.com/examples/auto-show-start-stop-controls 您似乎可以在点击事件中使用stopAuto()。
答案 1 :(得分:0)
您的点击事件是在链接之后,您应该阻止这种情况发生,也许它会按照您的意愿运作,而且我不明白您想要
$('.portfolio-slider').click(function (event){
event.preventDefault()
$('a[rel*=facebox-cap]').facebox();
slider.stopShow,
slider.startShow
}
编辑:点击时可以在网址上看到rash标记,不应该发生