Javascript 循环2幻灯片放映,转盘寻呼机不工作
寻呼机是使用转盘幻灯片上的“高级自定义模板”构建的 两个幻灯片看起来都不错,直到我点击寻呼机,然后它的行为很奇怪:活动幻灯片不会改变位置;单击寻呼机上的项目时,如果主幻灯片中没有显示正确的幻灯片,则会完全停止工作 请看这里:Javascript 循环2幻灯片放映,转盘寻呼机不工作,javascript,jquery,html,slideshow,jquery-cycle2,Javascript,Jquery,Html,Slideshow,Jquery Cycle2,寻呼机是使用转盘幻灯片上的“高级自定义模板”构建的 两个幻灯片看起来都不错,直到我点击寻呼机,然后它的行为很奇怪:活动幻灯片不会改变位置;单击寻呼机上的项目时,如果主幻灯片中没有显示正确的幻灯片,则会完全停止工作 请看这里: ... ... ... 想法?终于找到了解决办法。。。无法使用插件的寻呼机选项,必须添加一些脚本 //填满传呼机 $('.boxGaleria > div').clone().appendTo('.boxNav'); //更新两个幻
...
...
...
想法?终于找到了解决办法。。。无法使用插件的寻呼机选项,必须添加一些脚本 //填满传呼机
$('.boxGaleria > div').clone().appendTo('.boxNav');
//更新两个幻灯片中的活动幻灯片
var slideshows = $('.cycle-slideshow').on('cycle-update-view',function(event, opts) {
slideshows.not(this).cycle('goto', opts.currSlide);
});
//将单击添加到旋转木马/寻呼机,更正幻灯片索引,因为旋转木马在正确显示之前和之后添加了一些重复的子项
$('.boxNav div').click(function(){
var index = $('.boxNav').data('cycle.API').getSlideIndex(this);
var todos = $('.boxGaleria').data('cycle.opts').slideCount;
slideshows.cycle('goto', (index-todos));
});
嘿,看看这里的问答
与您的类似方法存在问题。得出了类似的结论,但发现旋转木马上的环绕失败(即循环创建的重复项目不会更改滑块)-那么这是否真的适用于您?
$('.boxNav div').click(function(){
var index = $('.boxNav').data('cycle.API').getSlideIndex(this);
var todos = $('.boxGaleria').data('cycle.opts').slideCount;
slideshows.cycle('goto', (index-todos));
});