Главная » Скрипты для ucoz » Слайдера для 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>





  Категория: Слайдера для ucoz | Добавил: AID | Дата: 09.10.2011
Скачать Вертикальный слайдер на jQuery с сервера
566_vertical_slider.rar Размер: 13.2 Kb (cкачиваний: 341)
Посмотреть демо Вертикальный слайдер на jQuery
Вертикальный слайдер на jQuery(посмотрели: 5033)

Другие новости

Поделиться ссылкой

Ссылка:
BB-code:
HTML:
аватар отсутствует
1 | coolest пишет: | 16.02.2013 | 23:01 Страница с комментарием |
I can't download. Why?
+ (+1) -