Вкладки jQuery SerialScroll с вращателем

0

Я внедрил вкладки SerialScroll, похожие на прокручиваемые вкладки:

http://jsfiddle.net/NinjaSk8ter/WvpcR/

Я хотел бы изменить это, чтобы всегда выбирать 1-ю вкладку, а затем поворачивать или разбивать страницы на другие вкладки.

Вот пример:

http://www.stceciliaschool.org/

Я знаю, что вкладки jQuery существуют с Rotator, но я не смог найти код или загрузить эту функциональность.

http://www.raymondselda.com/demo/tabbed-rotator/

Кто-нибудь имеет представление о том, как я могу реализовать этот существующий SerialScroll с Rotator?

$(function() {     
    $('.navigations a').click(function() {
        $('.navigations a.white').removeClass('white').addClass('blue');
        $(this).addClass('white').removeClass('blue');    
        return false;
    }); 
}); 

jQuery.easing.easeOutQuart = function(x, t, b, c, d) {
    return -c * ((t = t / d - 1) * t * t * t - 1) + b;
};

jQuery(function($) {
    $('#mid-featureleft-client').serialScroll({
        target: '.sectionss',
        items: 'li',
        prev: 'img.prev',
        next: 'img.next',
        axis: 'xy',
        // The default is 'y' scroll on both ways
        navigation: '.navigations li a',
        duration: 275,
        force: true,
        onBefore: function(e, elem, $pane, $items, pos) {
            e.preventDefault();
            if (this.blur) this.blur();
        },
        onAfter: function(elem) {
        }
    });
});
Теги:

1 ответ

0
Лучший ответ

Это реализация, которая использует ContentSlider не так же, как SerialScroll:

http://jsfiddle.net/NinjaSk8ter/rQnQ3/

featuredcontentslider.init({
                id: "slider",  //id of main slider DIV
                contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
                toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
                nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
                revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
                enablefade: [true, 0.1],  //[true/false, fadedegree]
                autorotate: [true, 3000],  //[true/false, pausetime]
                onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
                    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
                    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
                }
            })

Ещё вопросы

Сообщество Overcoder
Наверх
Меню