发现一个不错的幻灯插件carouFredSel

时间: 2016-06-05 / 分类: wordpress / 浏览次数: 2,249 views / 0个评论 发表评论

今天分析一个公司站的时候发现的

发现他引入了一个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

剩下就简单了~测试果然可以用~

发表评论

你必须 登录后 才能留言!