我习惯使用jQuery循环插件,因为我喜欢自定义很容易,例如插入我选择的自定义
HTML元素,并简单地分配它们的“下一个”按钮功能.
我在Flexsider中找不到一个方法,但是我只看到一个自定义分页的选项?例如manualControls
有人知道在Flexslider中执行此操作吗?例如.将图像或锚点设置为“下一个”按钮.
解决方法@H_301_8@
这样的事情呢
$('.slider').flexslider({
directionNav: false,controlNav: false
})
$('.prev').on('click',function(){
$('.slider').flexslider('prev');
return false;
})
$('.next').on('click',function(){
$('.slider').flexslider('next');
return false;
})
或者如果你不写2次,你也可以这样做:
$('.slider').flexslider({
directionNav: false,controlNav: false
})
$('.prev,.next').on('click',function(){
var href = $(this).attr('href');
$('.slider').flexslider(href);
return false;
})
$('.slider').flexslider({ directionNav: false,controlNav: false }) $('.prev').on('click',function(){ $('.slider').flexslider('prev'); return false; }) $('.next').on('click',function(){ $('.slider').flexslider('next'); return false; })
或者如果你不写2次,你也可以这样做:
$('.slider').flexslider({ directionNav: false,controlNav: false }) $('.prev,.next').on('click',function(){ var href = $(this).attr('href'); $('.slider').flexslider(href); return false; })