带有旋转器的 jQuery SerialScroll 标签

Question

我实现了类似于 Scrollable Tabs 的 SerialScroll Tabs:

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

我想修改它以使第一个选项卡始终被选中，然后旋转或分页其他选项卡。

这是一个例子:

http://www.stceciliaschool.org/

我知道 jQuery Tabs 与 Rotator 一起存在，但我无法找到代码或如何下载此功能。

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

有没有人知道我如何使用 Rotator 实现这个现有的 SerialScroll？

$(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) {
        }
    });
});

Answer 1

这是一个利用与 SerialScroll 不同的 ContentSlider 的实现:

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)
                }
            })