Суббота, 26.05.2018, 13:18
Главная Регистрация RSS
Приветствую Вас, Гость
НОВОЕ НА ФОРУМЕ
НОВЫЕ КОМЕНТАРИИ
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
mytorrento
Поиск
Главная » Файлы » СКРИПТЫ ДЛЯ UCOZ » ИНФОРМЕРЫ УКОЗ

Слайдер картинок с помощью информера

Слайдер картинок с помощью информера


Установка:

1. Создаем информер с такими параметрами как на картинке

2. В установленный информер вставляем этот код.
Удалям все с информера и вставляем это:


Код
<li><a href="$ENTRY_URL$" title="$TITLE$"><img src="$IMG_URL1$" border="0" width="120" height="140"></a></li>

 


Запоминаем код информера( в моем случае $MYINF_16$)

3. По месту где будет стоять слайдер ставим это:

 

Код
<script type="text/javascript" src="/slayder/csteror.js"></script><table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"><div class="eTitle" style="text-align:center;">Слайдер изображений информер soft-deniz.ucoz.ru</div>  
  <div class="eMessage" style="text-align:center;clear:both;padding-top:2px;padding-bottom:2px;"><div class="infiniteCarousel">  
  <div class="wrapper">  
  <ul>  
<script type="text/javascript" src="http://soft-deniz.ucoz.ru/informer/16-1"></script>  
  </ul> </div> <br>  
  </div></div></td></tr></tbody></table><br>  

  <STYLE type="text/css"><!-- .infiniteCarousel  
  {  
  position:relative  
  }  

  .infiniteCarousel .wrapper  
  {  
  width:315px;  
  overflow:auto;  
  min-height:10em;  
  margin:0 40px;  
  top:0  
  }  

  .infiniteCarousel .wrapper ul  
  {  
  width:9999px;  
  list-style-image:none;  
  list-style-position:outside;  
  list-style-type:none;  
  margin:0;  
  padding:0;  
  top:0  
  }  

  .infiniteCarousel ul li  
  {  
  display:block;  
  float:left;  
  padding:10px;  
  height:81px;  
  width:113px  
  }  

  .infiniteCarousel ul li a img  
  {  
  display:block  
  }  

  .infiniteCarousel .arrow  
  {  
  display:block;  
  height:36px;  
  width:37px;  
  background:url(/slayder/arrow.png) no-repeat 0 0;  
  text-indent:-999px;  
  cursor:pointer;  
  top:36px;  
  position:absolute  
  }  

  .infiniteCarousel .forward  
  {  
  background-position:0 0;  
  right:3px  
  }  

  .infiniteCarousel .back  
  {  
  background-position:0 -72px;  
  left:5px  
  }  

  .infiniteCarousel .forward:hover  
  {  
  background-position:0 -36px  
  }  

  .infiniteCarousel .back:hover  
  {  
  background-position:0 -108px  
  } --></STYLE>

 


В этом скрипте заменяем на свой.

 

Код
<script type="text/javascript" src="http://soft-deniz.ucoz.ru/informer/16-1"></script>

 


Оталось только скачать архив, создать папку "slayder" залить содержимое архива

 

Слайдер картинок с помощью информера

СКАЧАТЬ http://yadi.sk/d/WYTvI2j_8aR6Q [9 КБ] (cкачиваний: 220)

Вы можете скачать с нашего сервера бесплатно и без регистрации.

Похожие материалы:

Категория: ИНФОРМЕРЫ УКОЗ | Добавил: Sofacker | Теги: ИНФОРМЕРЫ УКОЗ, Слайдер для uCoz, информеры для ucoz
Просмотров: 3157 | Загрузок: 220 | Комментарии: 7 | Рейтинг: 5.0/2
Всего комментариев: 7
avatar
0
1
не робит((( подскажи почему? рамку информера вывело, а над ней script type="text/javascript" src="/slayder/csteror.js"  и всё
avatar
0
2
скинь полный скрипт ,надо посмотреть
avatar
0
3
это рабочий вариант
avatar
0
4
картинки скачал,информер сделал????
avatar
5
Цитата
не робит((( подскажи почему? рамку информера вывело, а над ней script type="text/javascript" src="/slayder/csteror.js"  и всё


ОШИБКА В КОДЕ...
В САМОМ НАЧАЛЕ СКОБКИ " < " НЕ ХВАТАЕТ. вот правильно:

Код
<script type="text/javascript" src="/slayder/csteror.js"
avatar
0
6
Скрипт исправлен и рабочий ,пользуйтесь на здоровье..... biggrin
avatar
7
Всё пашет вид класс
пример: http://abs.ucoz.net/
avatar