Главная » Слайдер для uCoz » Вертикальный слайдер на jQuery

Вертикальный слайдер на jQuery

  



Слайдер для ucoz - Вертикальный слайдер на jQuery
Установка:

На страницах, где будет использован данный скрипт в head вставляйте:

Code
<script type="text/javascript" src="{THEME}/js/jquery.jcarousel.min.js"></script>  
  <link rel="stylesheet" type="text/css" href="{THEME}/css/skin.css" />  
  <script type="text/javascript">  

  jQuery(document).ready(function() {  
  jQuery('#mycarousel').jcarousel({  
  vertical: true,  
  scroll: 2  
  });  
  });  

  </script>


Здесь у нас scroll: 2 - количество пролистываемых изображений при нажатии на стрелку
Следующий код вставляйте в то место, где у вас будет сам слайдер:

Code
<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">  
  <li><img src="http://адрес картинки/1.jpg" width="120" height="150" alt="" /></li>  
  <li><img src="http://адрес картинки/2.jpg" width="120" height="150" alt="" /></li>  
  <li><img src="http://адрес картинки/3.jpg" width="120" height="150" alt="" /></li>  
  <li><img src="http://адрес картинки/4.jpg" width="120" height="150" alt="" /></li>  
  <li><img src="http://адрес картинки/5.jpg" width="120" height="150" alt="" /></li>  
  <li><img src="http://адрес картинки/6.jpg" width="120" height="150" alt="" /></li>  
  </ul>


скачать и залить в фм
Вертикальный слайдер на jQuery - Слайдер для uCoz - Каталог файлов - Все для uCoz, DLE, Joomla, скрипты для uCoz

Вертикальный слайдер на jQuery
Категория: Слайдер для uCoz Просмотров: 3673