Данный слайдер я рипнул с сайта ucoz-info.ru. Первый раз я его рипнул неудачно :), но в этот раз все норм!
Он полностью рабочий.
Demo: http://joomla.ucoz.com/1/joomla.ucoz.com.htm
Установка
Там где хотим видеть слайдер вставляем данный код(обычно в верхнею часть сайта):
Code
<!-- Rip cлайдер ucoz-info V 2.0 by AID -->
</script><link type="text/css" rel="StyleSheet" href="http://joomla.ucoz.com/1/my.css">
<script type="text/javascript" src="http://joomla.ucoz.com/1/jquery-1.3.2.js"></script><style type="text/css">.UhideBlockL {display:none}</style>
<script type="text/javascript" src="http://joomla.ucoz.com/1/script_site.js"></script> </head>
<div class="hslider_full">
<div class="hslider">
<b class="hslider_prev"></b>
<b class="hslider_next"></b>
<div class="hslider_in" style="visibility: visible; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 2; left: 0px; width: 864px; ">
<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; list-style-type: none; z-index: 1; width: 4608px; left: -1296px; ">
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com"> </a> </li></ul>
</div> </div>
<!-- Rip cлайдер ucoz-info V 2.0 by AID -->
Готово.
Если хотите подключить к нему информер то создаем его с такими параметрами:
[ каталог файлов · Материалы · дат. добавления.D · Материалы: 6 · Колонки: 1 ]
Это в шаблон информера:
Code
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="$ENTRY_URL$"> <img src="$IMG_SMALL_URL1$" width="120" height="156" alt="$TITLE$"> </a> </li>
Код вызова информера вставляем заметь этой части первого скрипта:
Code
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">
</a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com"> </a> </li>