发现一个不错的幻灯插件carouFredSel
今天分析一个公司站的时候发现的
发现他引入了一个jquery.carouFredSel-6.2.0-packed.js
好像是jquery的一个插件
然后在另外一个util.js进行的设置
例子:
$(window).load(function(){
$(‘#sliders’).carouFredSel({
height:’varible’,
responsive:true,
items: {
width: 1000,
height: ‘varible’,
visible: 1
},
scroll: {
items: 1,
duration: 800,
timeoutDuration : 3000,
pauseOnHover:true,
onAfter: function(data) {
data.items.visible.find(‘.num02-pic’).stop().fadeIn();
data.items.old.find(‘.num02-pic’).stop().fadeOut();
}
},
//pagination:’.slidePot’
pagination: { anchorBuilder: function(nr) { return ‘<a href="#"><span>’+”+nr+'</span></a>’; }, container : ".slidePot", }
});
$(‘#sliders li’).eq(0).find(‘.num02-pic’).show();
}
这个东西
pagination:’.slidePot’
是分页,比如有4个幻灯,.slidePot那里就出现4个点什么的~
原网站都是显示的,但是放到我弄的网站上面,死活不显示那些点
没办法,去查了下资料,貌似可以直接把要显示的内容替换原来的
http://stackoverflow.com/questions/12966014/caroufredsel-pagination-text
剩下就简单了~测试果然可以用~