aQvA 0 Опубликовано: 21 октября 2011 Рассказать Опубликовано: 21 октября 2011 http://reklama-sakhalin.ru/ Помогите пожалуйсто мне ктонибудь разобраться с этим слайдером http://www.yellowlem...ider/easyslider Как его установить на мой сайт http://reklama-sakhalin.ru/ (на главную) ? у нас этим некто незанимаеться просто... последняя надежда на этот форум. Если ктото решиться помочь... напишите подробную инструкцию... Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 935 Опубликовано: 21 октября 2011 Рассказать Опубликовано: 21 октября 2011 (изменено) Зачем создавать новую тему, если в прошлой вам уже ответили? И ссылка на слайдер битая, не работает. ЗЫ: Это на вашем сайте - - - - -- - - Рыло - -- -- - - - - --> <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/easySlider1.7.js"></script> Так вот это <script type="text/javascript" src="js/jquery.js"></script> надо удалить, а вот это <script type="text/javascript" src="js/easySlider1.7.js"></script> должно быть вот так <script type="text/javascript" src="{THEME}/js/easySlider1.7.js"></script> файл easySlider1.7.js должен находиться в папке js, которая, в свою очередь должна находитьсяв папке с вашим шаблоном. Вроде пока все, исправьте это, дальше видно будет Изменено 21 октября 2011 пользователем alex32 Цитата Ссылка на сообщение Поделиться на других сайтах
aQvA 0 Опубликовано: 21 октября 2011 Рассказать Опубликовано: 21 октября 2011 Автор http://www.yellowlemon.net/javascript/slider/easyslider вот нормальная ссылка. Я в той статье так и неполучил полного ответа на свой вопрос. Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 935 Опубликовано: 21 октября 2011 Рассказать Опубликовано: 21 октября 2011 (изменено) я же все выше написал, что непонятно? ну сделайте еще проще, создайте файл slider.tpl в него поместите этот код <script type="text/javascript" src="{THEME}/js/easySlider1.7.js"></script> <div id="container"> <div id="content"> <div id="slider"> <ul> <li><a href="#"><img src="{THEME}/img/01.jpg" alt="Preview" /></a></li> <li><a href="#"><img src="{THEME}/img/02.jpg" alt="Preview" /></a></li> <li><a href="#"><img src="{THEME}/img/03.jpg" alt="Preview" /></a></li> <li><a href="#"><img src="{THEME}/img/04.jpg" alt="Preview" /></a></li> <li><a href="#"><img src="{THEME}/img/05.jpg" alt="Preview" /></a></li> </ul> </div> </div> </div> Сохраняем в папку со своим шаблоном. Потом идем в папке Ваш_шаб/js, копируем туда файл easySlider1.7.js. Затем в папке шаблона создаем папку img и льем в нее картинки с названиями 01.jpg, 02.jpg ну и тд. Потом идем в main.tpl, и в том месте где нужен слайдер пишем {include file="slider.tpl"} Все. Изменено 21 октября 2011 пользователем alex32 Цитата Ссылка на сообщение Поделиться на других сайтах
aQvA 0 Опубликовано: 21 октября 2011 Рассказать Опубликовано: 21 октября 2011 Автор я исправил как вы сказали. но результата как вы видите нету Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 935 Опубликовано: 21 октября 2011 Рассказать Опубликовано: 21 октября 2011 (изменено) ну во первых не так. я писалЗатем в папке шаблона создаем папку img и льем в нее картинки с названиями 01.jpg, 02.jpg ну и тди в коде должно быть <li><a href="#"><img src="{THEME}/img/02.jpg" alt="Preview" /></a></li> а у вас <img src="images/03.jpg" внимательней надо быть. Не правильно прописанны пути к картинкам, слайдер их не видит. Изменено 21 октября 2011 пользователем alex32 Цитата Ссылка на сообщение Поделиться на других сайтах
aQvA 0 Опубликовано: 21 октября 2011 Рассказать Опубликовано: 21 октября 2011 Автор И опять же безрезультатно... =(((( Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 935 Опубликовано: 21 октября 2011 Рассказать Опубликовано: 21 октября 2011 что значит безрезультатно? у вас там всего одна картинка, которая и высвечивается.и стили еще конечно прописать надо. в файл style.css добавить что то вроде #container{ margin:0 auto; position:relative; text-align:left; width:696px; background:#fff; margin-bottom:2em; #content{ position:relative; } /* Easy Slider */ #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ width:696px; height:241px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; } #nextBtn, #slider1next{ left:696px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0; } Цитата Ссылка на сообщение Поделиться на других сайтах
aQvA 0 Опубликовано: 21 октября 2011 Рассказать Опубликовано: 21 октября 2011 Автор блин я просто плохо разбераюся. где этот файл style.css находиться? Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.