Цикл jQuery с пейджером Cufon

Итак, я использую jQuery с Cufon и jQuery Cycle. Я хочу, чтобы пейджер Cycle имел шрифты Cufon.

Ниже мой JS

var pagerclass;

$(document).ready(function() {

    $("#slider").cycle({
        fx: "scrollHorz",
        timeout: 7000,
        pager: "#pager ul",
        pagerAnchorBuilder: function(idx, slide) {
            if(idx==0) pagerclass = "first"; else if(idx==2) pagerclass="last"; else pagerclass="";
            Cufon.replace("#pager ul");
            return "<li class='"+pagerclass+"'><a href='#'>"+slide.title+"</a></li>";
        }
    });

});

Таким образом, строка Cufon.replace("#pager ul"); не работает, потому что она не заменяет последний элемент. После этого возвращается последний элемент.

Есть ли способ что-то сделать в jQuery Cycle после сборки пейджера? Это решило бы проблему, я думаю.


javascript jquery cufon jquery-cycle
person Risse    schedule 25.09.2011    source источник

Ответы (1)


arrow_upward
0
arrow_downward 

$(function() {

    function cufrep() {

        Cufon('#pager ul');

    }


    $("#slider").cycle({
        fx: "scrollHorz",
        timeout: 7000,
        pager: "#pager ul",
        after: cufrep, // after
        pagerAnchorBuilder: function(idx, slide) {
            if(idx==0) pagerclass = "first"; else if(idx==2) pagerclass="last"; else pagerclass="";
            Cufon.replace("#pager ul");
            return "<li class='"+pagerclass+"'><a href='#'>"+slide.title+"</a></li>";
        }
    });

});

У Cufon есть функция after, которая срабатывает after.

person daryl    schedule 25.09.2011
comment
After-функция — это обратный вызов перехода в соответствии со Справочником по параметрам, поэтому для перехода after на другой слайд. jquery.malsup.com/cycle/options.html - person Risse; 25.09.2011