Проблема с каруселью картинок

Тема в разделе "Как сделать...", создана пользователем sportal, 4 ноя 2009.

Статус темы:
Закрыта.
  1. sportal

    sportal Читатель

    Заблокирован
    Регистр.:
    3 май 2009
    Сообщения:
    63
    Симпатии:
    15
    Устанавливаю карусель картинок stepcarousel (как в шаблоне на 3week.ru в шапке картинки крутятся ) получается такая фигня. См. скрин. [​IMG]

    Что делать?? карусль не крутится, вместо этого появляются ползунки как на скрине.(помогите
     
  2. Eihwaz

    Eihwaz

    Регистр.:
    7 окт 2007
    Сообщения:
    156
    Симпатии:
    54
    А можно где-то посмотреть на сам сайт? Или хотя бы HTML в секции <head></head>?
     
  3. sportal

    sportal Читатель

    Заблокирован
    Регистр.:
    3 май 2009
    Сообщения:
    63
    Симпатии:
    15
    Вот main.tpl весь.

    PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    {
    headers}
    <
    base href="http://10.5.101.234/" />
    <
    script type="text/javascript" src="{THEME}/js/lang-russian.js"></script>
    <script type="text/javascript" src="{THEME}/js/class_ajax.js"></script>
    <script type="text/javascript" src="{THEME}/js/jMainclass.js"></script>
    <link href="{THEME}/style/main.css" type="text/css" rel="stylesheet" />
    <link rel='stylesheet' type='text/css' href='{THEME}/style/forumfirst.css' media='screen'/>
    <link href="{THEME}/style/bbeditor.css" type="text/css" rel="stylesheet" />
    <link rel="shortcut icon" href="{THEME}/images/favicon.ico" />
    <script type="text/javascript" src="{THEME}/js/jquery-1.2.6.pack.js"></script>
    <script type="text/javascript" src="{THEME}/js/stepcarousel.js"></script>
    <script type="text/javascript" src="{THEME}/js/ddown.js"></script>

    </head>
    <body class="page_bg">
    {AJAX}

        <div id="loading" class="loading" style="display: none;">
            <span>Загрузка. Пожалуйста, подождите...</span>
        </div>
        
    <div class="wwide tkheader">
        <div class="tkheadbg">
            <div class="wrapper">

                <div class="tklefthead">
                    <div class="row1">
                        <!-- Поиск -->
                        <div class="searchrow">
                            <div class="searchbox">
                                <form method="post" id="qsearch" action="......">
                                <div class="sinputt">
                                    <div>
                                        <input name="search_word" maxlength="255" id="qsearch-box" onblur="if(this.value=='') this.value='Поиск на сайте ...';" value="Поиск на сайте ..." onfocus="if(this.value=='Поиск на сайте ...') this.value='';" />

                                    </div>
                                </div>
                                <div class="submit">
                                    <input class="btn" value="Поиск" type="image" src="{THEME}/images/spacer.png" />
                                </div>
                                </form>
                            </div>
                        </div>
                        <!-- /Поиск -->

                        <!-- Логин -->
                                            <div style="padding-left: 30px;"><a href="#" id="sublogin" class="lfi_login" rel="subcontent" title="Войти"><img src="{THEME}/images/spacer.png" alt="Вход" /></a><a href="account/do_register.html" class="lfi_reg" title="Регистрация"><img src="{THEME}/images/spacer.png" alt="Регистрация" /></a></div>
                            <div id="subcontent" class="sublogin" style="position:absolute; visibility: hidden;">
                            <div class="sublogininn">
                            <div class="loginhide">
                                <a href="javascript:dropdowncontent.hidediv('subcontent')" title="Hide">
                                <img src="{THEME}/images/spacer.png" alt="Hide" /></a>
                            </div>
                            <form action="" method="post"><input type="hidden" name="login" value="1" />

                            <ul class="reset">
                                <li>
                                    <div>Логин:</div>
                                    <div class="lfield"><input type="text" name="user_name" /></div>
                                </li>
                                <li>
                                    <div>Пароль: | <a href="......." title="Забыли пароль?">Забыли пароль?</a></div>

                                    <div class="lfield"><input type="password" name="user_password" /></div>
                                </li>
                                <li class="submit">
                                    <input value="Войти" type="submit" />
                                </li>
                            </ul>
                            </form>
                            </div>
                            </div>

                    <script type="text/javascript">
                        dropdowncontent.init('sublogin', 'right-bottom', 500, 'click')
                    </script>

                        <!-- /Логин -->
                    </div>
                    <div class="row2">
                        <h1 class="logo"><a href="http://index.php">Локал хост</a></h1>
                        <h2 class="logotitl"><a href="http://index.php">ку ру ку</a></h2>
                    </div>

                    <div class="row3">
                        <ul class="reset menuim">
                            <li><a class="mmhome" href="/"><img src="{THEME}/images/spacer.png" alt="Главная" /></a></li>
                            <li><a class="mmnews" href="/"><img src="{THEME}/images/spacer.png" alt="Новости" /></a></li>
                            <li style="border: 0 none;"><a class="mmcat" href="/"><img src="{THEME}/images/spacer.png" alt="Каталог готовых продуктов" /></a></li>
                        </ul>
                    </div>
                </div>
                <div class="tkrighthead">

                    <div class="menuhead">
                        <ul class="reset">
    <li><a style="border: 0 none;" href="#">Подпишись на RSS</a></li>                    </ul>
                    </div>
                    <div class="headslider">

    <!-- Карусель -->
                    <div id="mygallery" class="stepcarousel">
                        <div style="width: 924px;" class="belt">
                            <div style="float: none; position: absolute; left: 0px;" class="panel">
                                <div class="pinner">
                                    <div class="picon">
                                        <img src="{THEME}/images/icons/hi_films.png" title="Фильмы" alt=" " />
                                    </div>
                                    <h1 class="phead">
                                        <a href="/"><img style="background-image: url({THEME}/images/icons/hih_films.png)" src="{THEME}/images/spacer.png" title="Фильмы" alt="Фильмы" /></a>
                                    </h1>
                                    <ul class="reset">
                                        <li><a href="/">Католог фильмов</a></li>
                                        <li><a href="/">Бестселлеры</a></li>
                                        <li><a href="/">Поиск</a></li>
                                    </ul>
                                </div>
                            </div>

                            <div style="float: none; position: absolute; left: 132px;" class="panel">
                                <div class="pinner">
                                    <div class="picon">
                                        <img src="{THEME}/images/icons/hi_games.png" title="Игры" alt=" " />
                                    </div>
                                    <h1 class="phead">
                                        <a href="/"><img style="background-image: url({THEME}/images/icons/hih_games.png)" src="{THEME}/images/spacer.png" title="Игры" alt="Игры" /></a>
                                    </h1>
                                    <ul class="reset">
                                        <li><a href="/">Форум</a></li>
                                        <li><a href="/">Мониторинг</a></li>
                                    </ul>
                                </div>
                            </div>

                            <div style="float: none; position: absolute; left: 264px;" class="panel">
                                <div class="pinner">
                                    <div class="picon">
                                        <img src="{THEME}/images/icons/hi_torrent.png" title="Торрент" alt=" " />
                                    </div>
                                    <h1 class="phead">
                                        <a href="/"><img style="background-image: url({THEME}/images/icons/hih_torrent.png)" src="{THEME}/images/spacer.png" title="Торрент" alt="Торрент" /></a>
                                    </h1>
                                    <ul class="reset">
                                        <li><a href="/">Игры</a></li>
                                        <li><a href="/">Фильмы</a></li>
                                        <li><a href="/">Мультфильмы</a></li>
                                        <li><a href="/">Музыка</a></li>
                                    </ul>
                                </div>
                            </div>

                            <div style="float: none; position: absolute; left: 396px;" class="panel">
                                <div class="pinner">
                                    <div class="picon">
                                        <img src="{THEME}/images/icons/hi_objavl.png" title="Объявления" alt=" " />
                                    </div>
                                    <h1 class="phead">
                                        <a href="/"><img style="background-image: url({THEME}/images/icons/hih_objavl.png)" src="{THEME}/images/spacer.png" title="Объявления" alt="Объявления" /></a>
                                    </h1>
                                    <ul class="reset">
                                        <li><a href="/">Автомобили</a></li>
                                        <li><a href="/">Недвижимость</a></li>
                                        <li><a href="/">Компьютеры</a></li>
                                        <li><a href="/">Работа</a></li>
                                    </ul>
                                </div>
                            </div>

                            <div style="float: none; position: absolute; left: 528px;" class="panel">
                                <div class="pinner">
                                    <div class="picon">
                                        <img src="{THEME}/images/icons/hi_file.png" title="Файлы" alt=" " />
                                    </div>
                                    <h1 class="phead">
                                        <a href="#"><img style="background-image: url({THEME}/images/icons/hih_file.png)" src="{THEME}/images/spacer.png" title="Файлы" alt="Файлы" /></a>
                                    </h1>
                                    <ul class="reset">
                                        <li><a href="/">Каталог файлов</a></li>
                                        <li><a href="/">Каталог картинок</a></li>
                                    </ul>
                                </div>
                            </div>

                            <div style="float: none; position: absolute; left: 660px;" class="panel">
                                <div class="pinner">
                                    <div class="picon">
                                        <img src="{THEME}/images/icons/hi_iptv.png" title="IP-TV" alt=" " />
                                    </div>
                                    <h1 class="phead">
                                        <a href="#"><img style="background-image: url({THEME}/images/icons/hih_iptv.png)" src="{THEME}/images/spacer.png" title="IP-TV" alt="IP-TV" /></a>
                                    </h1>
                                    <ul class="reset">
                                        <li><a href="/">Настройка ТВ</a></li>
                                        <li><a href="/">Телеканалы</a></li>
                                    </ul>
                                </div>
                            </div>

                            <div style="float: none; position: absolute; left: 792px;" class="panel">
                                <div class="pinner">
                                    <div class="picon">
                                        <img src="{THEME}/images/icons/hi_radio.png" title="Радио" alt=" " />
                                    </div>
                                    <h1 class="phead">
                                        <a href="#"><img style="background-image: url({THEME}/images/icons/hih_radio.png)" src="{THEME}/images/spacer.png" title="Радио" alt="Радио" /></a>
                                    </h1>
                                    <ul class="reset">
                                        <li><a href="/">Радиостанции</a></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

    <script type="text/javascript">

    stepcarousel.setup({
        galleryid: 'mygallery',
        beltclass: 'belt',
        panelclass: 'panel',
        autostep: {enable:true, moveby:3, pause:12000},
        panelbehavior: {speed:400, wraparound:false, persist:true},
        defaultbuttons: {enable: true, moveby:3, leftnav: ['{THEME}/images/leftslider.png', -30, 80], rightnav: ['{THEME}/images/rightslider.png', 10, 80]},
        statusvars: ['statusA', 'statusB', 'statusC'],
        contenttype: ['inline']
    })

    </script>

    <!-- /Карусель -->
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="wwide tktopmenu">
        <div class="wrapper">
            <ul class="reset">
                <li><a class="flink" href="/" title="Главная страница"><b>Главная</b></a></li>
    <li><a href="/index.php?do=forum" title="Форум s-group"><b>Форум</b></a></li>
    <li><a href="/" title="О нашей группе"><b>О нас</b></a></li>
    <li><a href="/" title="Оформление заказа базы данных"><b>Заказ</b></a></li>
    <li><a href="/" title="Наши контакты"><b>Контакты</b></a></li>        </ul>
        </div>
    </div>
    <div class="wwide tkmpage">
        <div class="tkbpage">
            <div class="wrapper">
                <table class="tdstruc" ><tbody><tr><td>
                    <div id="mainbox">

                        <div class="mbmid"><div class="mbtop"><div class="mbbtm">

        <!-- Услуги -->
        <div class="block type1">
                            <div class="dcont">
                                <h3 class="dtitle"><img src="{THEME}/images/mb_services.png" title="Услуги" alt="Услуги" /></h3>
                                <div class="usluga">
                                    <h1><a href="#">Создание базы данны</a></h1>
                                    <span>Создаем базу любой сложности под заказ</span>

                                </div>
                                <div class="usluga">
                                    <h1><a href="#">Сортировка новостей но категориям</a></h1>
                                    <span>Распределяем новости по категориям</span>
                                </div>
                                <div class="usluga">
                                    <h1><a href="#">Снятие копирайтов</a></h1>
                                    <span>Снимаем копирайты с картинок</span>
                                </div>
                                <div class="usluga">
                                    <h1><a href="#">Реклама</a></h1>
                                    <span>Трансляция Вашей рекламы</span>
                                </div>
                                <div class="usluga">

                                    <h1><a href="#">Создание видеороликов</a></h1>
                                    <span>Создание роликов по Вашему желанию</span>
                                </div>

                                <div class="viewall">
                                    <a href="/"><b>Посмотреть все услуги</b></a>
                                </div>
                            </div>

                        </div><!-- /Услуги -->
                        
        <!-- Тарифы --><div class="block type2">
                            <div class="dcont">
                                <h3 class="dtitle"><img src="{THEME}/images/mb_tarifs.png" title="Тарифы" alt="Тарифы" /></h3>
                                <ul class="reset">
                                    <li>
                                        <a title="Интернет" class="tarifb" href="/"><span><span>
                                            <img src="{THEME}/images/home.png" alt=" " />
                                            <strong>Usual - база</strong>
                                            <em>Обычная сборка с сайта</em>
                                        </span></span></a>
                                    </li>
                                    <li>
                                        <a title="Интернет в офис" class="tarifb" href="/"><span><span>
                                            <img src="{THEME}/images/office.png" alt=" " />
                                            <strong>Premium - база</strong>
                                            <em>Сбор с других сайтов</em>

                                        </span></span></a>
                                    </li>

                                    <li>
                                        <a title="Кабельное ТВ" class="tarifb" href="/"><span><span>
                                            <img src="{THEME}/images/tv.png" alt=" " />
                                            <strong>Plutinum - база</strong>
                                            <em>Сборка базы с сайтов, переработка</em>

                                        </span></span></a>
                                    </li>
                                    <li>
                                        <a title="Каналы связи" class="tarifb" href="/"><span><span>
                                            <img src="{THEME}/images/kanals.png" alt=" " />
                                            <strong>VIP - база</strong>
                                            <em>Ручной набор контента</em>
                                        </span></span></a>

                                    </li>
                                </ul>
                                <div class="viewall">
                                    <a href="/"><b>Посмотреть все тарифы</b></a>
                                </div>
                            </div>
                        </div><!-- END Тарифы -->

        <!-- Новости --><div class="block type3">

                                <div class="dcont">
                                    <h3 class="dtitle"><img src="{THEME}/images/mb_lastnews.png" title="Последние новости" alt="Последние новости" /></h3>
                                    <div class="bmainnews">
    <h1><a href="news/%D1%82%D0%B0%D1%80%D0%B8%D1%84%D0%BD%D1%8B%D0%B5-%D0%BF%D0%BB%D0%B0%D0%BD%D1%8B/%D0%B7%D0%B8%D0%BC%D0%BD%D0%B8%D0%B5-%D1%82%D0%B0%D1%80%D0%B8%D1%84%D1%8B-%D0%BD%D0%B0-%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF-%D0%BA-%D1%81%D0%B5%D1%82%D0%B8-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82%21%21%21.html">Зимние тарифы на доступ к сети Интернет!!!</a></h1>
    <span>Размещено: 28 октября 2009</span>
    </div><div class="bmainnews">
    <h1><a href="news/%D0%B3%D0%BE%D1%80%D0%BE%D0%B4/%D0%BD%D1%83%D0%B6%D0%BD%D0%B0-%D0%B2%D0%B0%D1%88%D0%B0-%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C.html">Нужна Ваша помощь Алине Рахимовой</a></h1>
    <span>Размещено: 23 сентября 2009</span>
    </div><div class="bmainnews">
    <h1><a href="news/%D1%82%D0%B0%D1%80%D0%B8%D1%84%D0%BD%D1%8B%D0%B5-%D0%BF%D0%BB%D0%B0%D0%BD%D1%8B/%D0%BE%D1%81%D0%B5%D0%BD%D0%BD%D0%B8%D0%B5-%D1%82%D0%B0%D1%80%D0%B8%D1%84%D1%8B-%D0%BD%D0%B0-%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF-%D0%BA-%D1%81%D0%B5%D1%82%D0%B8-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82%21%21%21.html">Осенние тарифы на доступ к сети Интернет!!!</a></h1>

    <span>Размещено: 15 сентября 2009</span>
    </div><div class="bmainnews">
    <h1><a href="news/%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B8-%D1%81%D0%B5%D1%82%D0%B8-%D0%BF%D0%B4/%D0%BF%D1%80%D0%B8%D0%B5%D0%BC-%D0%BF%D0%BB%D0%B0%D1%82%D0%B5%D0%B6%D0%B5%D0%B9-%D0%B2-%D0%BE%D0%B0%D0%BE-%D1%81%D0%B1%D0%B5%D1%80%D0%B1%D0%B0%D0%BD%D0%BA-%D1%80%D0%BE%D1%81%D1%81%D0%B8%D0%B8.html">Прием платежей в ОАО Сбербанк России</a></h1>
    <span>Размещено: 14 сентября 2009</span>
    </div><div class="bmainnews">
    <h1><a href="news/%D1%82%D0%B5%D1%85%D0%BD%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B/%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B2-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0%D1%85-%D1%81%D0%B5%D1%82%D0%B8-%D0%BF%D0%B5%D1%80%D0%B5%D0%B4%D0%B0%D1%87%D0%B8-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85-%D0%BE%D0%BE%D0%BE-%D1%82%D0%B5%D0%BB%D0%B5%D0%BA%D0%BE%D0%BD%D1%82%D1%83%D1%80.html">Изменение в настройках сети передачи данных ООО Телеконтур</a></h1>
    <span>Размещено: 13 сентября 2009</span>
    </div>
                                    <div class="viewall">
                                        <a href="/news.html"><b>Посмотреть все новости</b></a>

                                    </div>
                                </div>
                        </div><!-- END Последние новости -->
                        <div class="clr"></div>
                          
                        </div></div></div>
                    </div>
                    {info}
                    {content}
                </td></tr></tbody></table>
            </div>
            

        </div>
    </div>


    <div class="wwide tkfootbox">
        <div class="tkfbmid">
            <div class="tkfbtop">
                <div class="wrapper">
                    <div class="fbline"><div class="fbline" style="background-position: 66.7% 0;">
                        <div class="fbox">                <div class="block">

                        <div class="dcont">
                        <h3 class="dtitle">Готовые базы</h3>
                        <ul class="navs">
          <div style="position:relative; width:100%;height:170px; overflow:hidden;">
            <div id="ja-scroll_1" style="position:absolute; top:0;  left:0; width: 100%; display:block;">
              <div style="overflow:hidden; height:200px;" > <br />
                  <div class="nfcontent"><div><marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()">
    <li><a title="База онлайн порно" target="_blank" href="....">База онлайн порно</a></li><br />
    <li><a title="База онлайн фильмов" target="_blank" href="....">База онлайн фильмов"</a></li><br />
    <li><a title="База Музыки(альбомы)" target="_blank" href="....">База Музыки(альбомы)</a></li><br />
    <li><a title="База Все для вебмастера" target="_blank" href="....">База Все для вебмастера</a></li><br />
    <li><a title="Покупка базы происходит сдесь" target="_blank" href="....">Купить базу</a></li><br />
    </marquee></div></div>
                  <br />
              </div>
            </div>
            <div id="ja-scroll_2" style="position: absolute; top:0; left:0; width: 100%; display:none;"> </div>
          </div>
                        </div>
                    </div></div>
                        <div class="fbox">                <div class="block">

                        <div class="dcont">
                        <h3 class="dtitle">Партнеры</h3>
                        <ul class="navs"><li>  </li></ul>
                        </div>
                    </div></div>
                        <div class="fbox">                <div class="block">
                        <div class="dcont">

                        <h3 class="dtitle">Последнее с форума</h3>
                        <ul class="navs">

    <li>
    <div class="tema">
    <a title="Просмотр темы: автор vrv Сегодня, 02:17 " target="_blank" href="">Вопросы по подключению к сети</a>
    </div>
    </li>


    <li>
    <div class="tema">
    <a title="Просмотр темы: автор SDolphin Вчера, 16:41 " target="_blank" href="/">Обсуждение линейки</a>

    </div>
    </li>


    <li>
    <div class="tema">
    <a title="Просмотр темы: автор Elena 31.10.2009, 18:34 " target="_blank" href="/">Неполадки и ремонтные работы</a>
    </div>
    </li>


    <li>
    <div class="tema">
    <a title="Просмотр темы: автор RoBBeR 30.10.2009, 22:57 " target="_blank" href="/">New Каналы?</a>
    </div>

    </li>


    <li>
    <div class="tema">
    <a title="Просмотр темы: автор sng 30.10.2009, 22:11 " target="_blank" href="/">Повременной 100</a>
    </div>
    </li>
    </ul>
                        </div>
                    </div></div>
                        <div class="clr"></div>
                    </div></div>

                </div>
            </div>
        </div>
    </div>

    <div class="wwide tkfooter">
            <div class="tkfootbg">
                <div class="wrapper">
                    <div class="tkfootpad">

                        <div class="copyright">
                            <strong>© 2009 биби такси</strong><br />Все права защищены                    </div>
                    </div>
                </div>
            </div>
    </div>
    <div class="wrapper"><div id="syscopyright">Powered by <a href="http://dle-news.ru/" style="text-decoration:none" target="_blank">DLE CMS</a> © 2009</div></div>
    <img title="Back 3 panels" style="z-index: 50; position: absolute; left: 633px; top: 140px; cursor: pointer;" src="templates/tktv/images/leftslider.png"><img title="Forward 3 panels" style="z-index: 50; position: absolute; left: 1068px; top: 140px; cursor: pointer;" src="templates/tktv/images/rightslider.png">
    </body>
    </html>
     
  4. Eihwaz

    Eihwaz

    Регистр.:
    7 окт 2007
    Сообщения:
    156
    Симпатии:
    54
    У вас не совпадает верстка блока с галереей с сайтом-оригиналом:
    HTML:
    
    <div id="mygallery" class="stepcarousel">
        <div class="belt">
            <div class="panel">
                <a href="#">
                    <img src="test.jpg"/>
                    test
                </a>
            </div>
            <div class="panel">
                <a href="#">
                    <img src="test2.jpg"/>
                    test2
                </a>
            </div>
        </div>
    </div>
    
     
Статус темы:
Закрыта.