Категории

[FAQ] Часто задаваемые вопросы и ответы

Проблемы и решения

Ошибки и исправления

Общие вопросы

Расширения

Установка и обновление

Модули

Шаблоны

Локализация интерфейса

Коммерческие предложения

Учимся бизнесу

Бизнес книги

Поисковая оптимизация (SEO)

Магазины на ShopOS

Хостинг для ShopOS

Предложения и пожелания

Курилка

Помогите подключить слайдер.

Доброе время суток! Перелопатил весь поиск, но решения не нашол.

Вот сам слайдер http://www.yellowlemon.net/javascript/slider/tinyslider-2

И так начнем.
1. Создал папку slider, в нее закинул файлы script.js и style.css
2. в файле javascript/general.js.php прописал


<link rel="stylesheet" type="text/css" href="<?php echo _HTTP_THEMES_C; ?>slider/style.css" />
<script type="text/javascript" src="<?php echo _HTTP_THEMES_C; ?>slider/script.js"></script>
<script type="text/javascript">
var slideshow=new TINY.slider.slide('slideshow',{
id:'slider',
auto:4,
resume:false,
vertical:false,
navid:'pagination',
activeclass:'current',
position:0,
rewind:false,
elastic:true,
left:'slideleft',
right:'slideright'
});
</script>


3. В файле index.html прописал


<div id="wrapper1">
<div id="container1">
<div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div>
<div id="slider">
<ul>
<li><img src="{$tpl_path}slider/photos/1.jpg" width="558" height="235" alt="Image One" /></li>
<li><img src="{$tpl_path}slider/photos/2.jpg" width="558" height="235" alt="Image Two" /></li>
<li><img src="{$tpl_path}slider/photos/3.jpg" width="558" height="235" alt="Image Three" /></li>
<li><img src="{$tpl_path}slider/photos/4.jpg" width="558" height="235" alt="Image Four" /></li>
</ul>
</div>
<div class="sliderbutton" id="slideright" onclick="slideshow.move(1)"></div>
<ul id="pagination" class="pagination">
<li onclick="slideshow.pos(0)"></li>
<li onclick="slideshow.pos(1)"></li>
<li onclick="slideshow.pos(2)"></li>
<li onclick="slideshow.pos(3)"></li>
</ul>
</div>
</div>


На всякий случай код style.css

* {margin:0; padding:0}

p {line-height:1.4; margin-bottom:12px}
#wrapper1 {width:673px; margin:50px auto}
#container1 {position:relative; background:#fff; padding:32px; height:235px; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.sliderbutton {float:left; width:25px; height:235px; cursor:pointer}
#slideleft {background:url(images/icons.gif) -50px -265px no-repeat}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(images/icons.gif) 0 90px no-repeat}
#slideright:hover {background-position:-50px 90px}
#slider {float:left; position:relative; overflow:auto; width:558px; height:235px}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:558px; height:235px}
.pagination {position:absolute; top:40px; right:61px; list-style:none; height:25px}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; background:#ccc; margin:0 4px 0 0; border:1px solid #fff}
.pagination li:hover, li.current {background:#fff}


Все сохранил а слайдер не работает, отоброжается вот так
Помогите подключить слайдер.

тэг {literal} куда только не прописывал, не помогает.

Подскажите в чем ошибка.


тег {literal} нужен, если вы JS код в шаблоне вставляете, в html файлах. а так он не нужен.
а проблема может быть в чем угодно. нужно смотреть сайт и ошибки.


Источник



Copyright ShopOS