Для установки такого слайдера на ваш сайт в системе Юкоз потребуется выполнить следующие действия:
1) Для начала заходим в Панель Управления сайтом и переходим по ссылке
Информеры. Создаем новый информер для отображения материалов из нужного
Вам модуля, указав при этом:
- Тип данных – «Материалы»;
- Способ сортировки – любой из представленных;
- Количество материалов – нужное Вам;
- Количество колонок – 1.
Затем изменяем шаблон нашего информера, кликнув по ссылке Шаблон информера справа от названия:
Code
<div class="panel" style="background:url('$IMG_URLn$') top left no-repeat;">
<div class="insert">
<span
class="ititle"><a
href="$ENTRY_URL$">25)?>...$TITLE$</a></span>
168)?>...$MESSAGE$
<span class="featuredmorelink">
<a href="$ENTRY_URL$" title="$TITLE$">Подробнее...</a>
</span>
</div>
</div>
2) Скачиваем прикрепленный к данному сообщению архив. В нем содержатся
файл стилей slider.css и папка "slider” со скрипом и картинками.
Заливаем папку и стили в корень сайта.
3) Теперь дело осталось за малым – вставить слайдер на страницы сайта. Для этого необходимо в шаблонах дописать перед строку:
Code
<link rel="stylesheet" href="slider.css" type="text/css" />
И
Quote
<script src="slider/slider.js" type="text/javascript"></script>
В место, где будет выводиться информер, записываем следующее:
Code
<div id="sliderbox">
<div id="slider">
<div class="scroll">
<div class="scrollcont">
$MYINF_m$
</div>
</div>
</div>
</div>
Для большего удобства указанный выше код можно записать в глобальный блок.
Примечания:
1) В $IMG_URLn$ и $MYINF_m$ необходимо изменить значения n и m
соответственно на номер картинки, отвечающей за вывод изображения в
информере, и номер информера, отвечающего за вывод материалов в
слайдере.
2) В данном слайдере используются изображения размером 553x238 (px), что следует учитывать при добавлении материалов.
P.S делал такое на сайте, есть небольшие пробелы. в 3 шаге, эти строки
лучше вставить в глобальный блок и потом все эти коды скопировать и
вставить в нужное место. так же, папку, которую вы будете грузить,
назовите SLIDER, а не как в архиве.
Меню сайта
Меню сайта
