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

Статус
В этой теме нельзя размещать новые ответы.
sportal

sportal

Читатель
Заблокирован
Регистрация
3 Май 2009
Сообщения
63
Реакции
16
  • Автор темы
  • Заблокирован
  • #1
Устанавливаю карусель картинок stepcarousel (как в шаблоне на 3week.ru в шапке картинки крутятся ) получается такая фигня. См. скрин. Для просмотра ссылки Войди или Зарегистрируйся

Что делать?? карусль не крутится, вместо этого появляются ползунки как на скрине.(помогите
 
А можно где-то посмотреть на сам сайт? Или хотя бы HTML в секции <head></head>?
 
  • Автор темы
  • Заблокирован
  • #3
Вот 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>
 
У вас не совпадает верстка блока с галереей с сайтом-оригиналом:
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>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху