javascript - タブ付きjQueryスライダー

Question

比較的簡単なスライダーを作成しようとしていますが、手動で作成する必要があるのか​​ 、それとも使用できる既存のスクリプトがあるのか​​ わかりません.

スライダーのデザインはこちらでご覧いただけます。

上部のテキストと写真にフェードイン/フェードアウト効果を使用し、その下の「タブ」にアクティブなクラスを追加/削除できると考えています。

使用できる既製のスクリプトに関する提案はありますか、それとも手動で行うしかありませんか?

ありがとう！

Answer 1

私は数日前に非常に単純な解決策を書きました。見てください：http：//cssdeck.com/labs/tabs

var menu = $('.menu'),
    tabs = menu.find('a'),
    panes = $('.tab_pane');

tabs.on('click', function() {
    var elem = $(this);

    if (!elem.hasClass('active')) {
        panes.stop(true, true).slideUp();
        tabs.removeClass('active');
        $(panes[elem.parent().index()]).slideDown();
        elem.addClass('active');
    }

});