В этой теме описывается реализация информера в виде слайдера.
Для установки такого слайдера на ваш сайт в системе uCoz потребуется выполнить следующие действия:
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$"><?if(len($TITLE$)>25)?><?substr($TITLE$,0,22)?>...<?else?>$TITLE$<?endif?></a></span>
<?if(len($MESSAGE$)>168)?><?substr($MESSAGE$,0,165)?>...<?else?>$MESSAGE$<?endif?>
<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" />
<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), что следует учитывать при добавлении материалов.
Если у вас возникли вопросы или трудности с установкой данного скрипта, не стесняйтесь, пишите и мы постараемся найти решение.
