[JQuery]Слайдер

Тема в разделе "JavaScript", создана пользователем penguen, 14 окт 2011.

Модераторы: ZiX
  1. penguen

    penguen

    Регистр.:
    7 янв 2007
    Сообщения:
    825
    Симпатии:
    95
    Всем доброе время суток. Есть код на ДжекВери/слайдер. Нужно сделать точно такой же но под меню в шапке где Акция, Каско и т.д. выводящая текст в центре сайта. Помогите переписать код. Т.к. я не знаю Джеквери.
    Сайт http://611.611.ua/
    Код:
    $(document).ready(function() {
        $("#main").scrollable({
            vertical: true,
            size: 1,
            clickable: false,
            keyboard: 'static',
            onSeek: function(event, i) {
                horizontal.scrollable(i).focus();
            }
        }).navigator("#main_navi");
        var horizontal = $(".scrollable").scrollable({
            size: 1
        }).circular().navigator(".navi");
        horizontal.eq(0).scrollable().focus();
        $(function() {
            $("ul.tabs").tabs("div.panes > div");
            $(".short-block-color-1:even").addClass("short-block-color-2");
            $(".commentS-block:odd").addClass("com-color1");
            $(".short-block-color-1").click(function() {
                $(this).expose({
                    api: true
                }).load();
            });
            $(function() {
                $("#apple span[rel]").overlay({
                    effect: 'apple'
                });
            });
        });
    $('body').css({});
    });
    
    
    Код:
     <!-- main navigator -->
                <ul id="main_navi">
                  <li>Акции</li>
                  <li>Новости</li>
                  <li>О компании</li>
                  <li>Руководство компании</li>
                  <li>Финансовые результаты</li>              
                  <li>Презентационные материалы</li>
                  <li>Наши партнёры</li>              
                  <li>Вакансии</li>              
                  <li>Отзывы о компании</li>                
                </ul>
                <div id="main">
                  <div id="pages">                    
                    <div class="page">
                      <div class="navi"></div>
                      <div class="scrollable">
                        <div class="items">
                          {custom category="2" template="shortstory-3" aviable="global" from="0" limit="2" cache="no"}
                        </div>
                      </div>
                    </div></div>
                    </div>