Для установки такого слайдера на ваш сайт в системе Юкоз потребуется выполнить следующие действия: 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, а не как в архиве.
|