使用pagerFactory更改分页

时间:2013-10-07 11:25:27

标签: javascript jquery pagination

我希望你能提供帮助。我正在尝试使用cycle.js插件更改分页的显示方式。

此功能计算出有多少张幻灯片并相应地给它们编号,我需要删除这些并替换单词的数字。

这是原始功能:

$(function() {

$('#slideshow').cycle({
    fx:      'scrollHorz',
    timeout:  0,
    prev:    '#prev',
    next:    '#next',
    pager:   '.ms-links',
    pagerAnchorBuilder: pagerFactory
});

function pagerFactory(idx, slide) {
    var s = idx > 3 ? ' style="display:none"' : '';
    return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
};

});

我试过这个想法它可能有用:

$(function() {

$('#slideshow').cycle({
    fx:      'scrollHorz',
    timeout:  0,
    prev:    '#prev',
    next:    '#next',
    pager:   '.ms-links',
    pagerAnchorBuilder: pagerFactory
});

function pagerFactory(idx, slide) {
        var s = idx > 3 ? ' style="display:none"' : '';
            var strcat = "";
            if idx = 1 { strcat = "News";}
            if idx = 2 { strcat = "Blogs";}
            if idx = 3 { strcat = "MSTV";}
            if idx = 4 { strcat = "Publications";}

        return '<li'+s+'><a href="#">'+(strcat)+'</a></li>';
    };

});

但这只是打破它 - 我不是一个jQuery专家所以它可能是非常简单的事情。但基本上我有4个滑块,永远不会超过4个,需要将它们命名为“新闻,博客,电视和出版物”

关于如何使其发挥作用的任何建议都将非常感谢,谢谢!

GAV株系

0 个答案:

没有答案