Информер новостей фильмов типа слайдер

Предлагаю вашему вниманию информер скриншотов новостей по типу движения сильно похож на слайдер, подобный информер создавался на сайте ucozon.ru если помните и раздавался, по типу как Ipod в перемещение скринов горизонтально, данный же вид выдает вертикальное перемещение картинок, что делает удобным его встроить в блок контейнера сайта ucoz, смотрите скрин с примером.
Работает по типу как и все выводы информационный тип, то есть выводит новости в том положение как вы укажите в настройках.
Этот информер я увидел на сайте DLE и решил его позаимствовать и адаптировать для пользователей сайта ucozon, я думаю всем пригодится для ваших сайтов.
информер годится больше для сайтов с тематикой о фильмах так как постеры к фильмам вертикальные и входят в стандарт размера самого информера.
Так же есть возможность ручного перемещения картинок фильмам
и так меньше возни и приступим к установке простого слайдера.

Установка скрипта информера:
для начала создаем сам информер с такими настройками:
[ Новости сайта(или любой тип модуля) · Материалы · Дата добавления материала D · Материалы: 10 · Колонки: 1 ]
с такими настройками как указаны на скрине:

Внимание если у вас постеры весят много то более чем 10 не стоит создавать новостей вывода!
В созданный информер вставляем код простенький до ужаса:

Code

<li><a href="$ENTRY_URL$"><img title="$TITLE$ - Смотреть Онлайн / OnLinE" src="$IMG_URL1$" width="172" height="235"></a></li>

настройка:
$IMG_URL1$ - это вывод картинки можно заменить на $OTHER1$ или на то что у вас выводит постер к новости
далее приступаем к выводу информера на своем сайте в блоке контейнера
вставляем его заключив в продолжение меню таблицы и в вывод стиля для него класса
вставляем данный код где у вас находится будет в контейнере
к примеру наш информер 17 то есть $MYINF_17$ или http://avtos.do.am/informer/17 в ниже указаном коде заменяем на свою ссылку информатора своего.

Code

<link rel="stylesheet" type="text/css" href="http://ucozon.ru/SCRIN7/2/00121/sagscroller.css">
<script src="http://ucozon.ru/SCRIN7/2/00121/sagscroller.js"></script>
<script>var sagscroller2=new sagscroller({id:'mysagscroller2',mode: 'auto',pause:3000,animatespeed:800})</script>
<div class="sagscroller" id="mysagscroller2">
<ul style="z-index: 1000; top: -1410px;">
<script type="text/javascript" src="http://avtos.do.am/informer/17"></script></ul></div>

Внимание осторожно расстояние стиля не изменять.
настройка под сайт ucozon таким образом:
pause:3000 -время паузы картинки в Мсек
animatespeed:800 -скорость анимации то есть прокрутка картинок
Все готово смотрим и пользуемся на здоровье
с вами был mdbaner
сайт интересного авторского описание и адаптации по стандарты ucoz сайт автора http://ucozon.ru