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


Установка:

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

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


2. Удалям все с информера и вставляем это:
Code
<li><a href="$ENTRY_URL$" title="$TITLE$"><img src="$IMG_URL1$" border="0" width="120" height="140"></a></li>
  


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

3. По месту где будет стоять слайдер ставим это:
Code
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;">Слайдер изображений информер by edik2009</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://ucozmania.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://ucozmania.ru/informer/16-1"></script> - заменяем на свой. 

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

Автор адаптации под юкоз: edik2009


  Категория: Другие скрипты для ucoz | Добавил: AID | Дата: 04.10.2011
Скачать Слайдер картинок с помощью информера с сервера
562_92_slayder_by_e.rar Размер: 10.0 Kb (cкачиваний: 117)
3 | Script пишет: | 25.07.2012 | 15:06 Страница с комментарием |
Оталось только скачать архив, создать папку "slayder" залить содержимое архива. пздц ...Архив то где!?!
+ (0) -