Категории |
Помогите подключить слайдер.Доброе время суток! Перелопатил весь поиск, но решения не нашол. <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 файлах. а так он не нужен. |
|