Регистрация

Модуль скрипт Вертикальный слайдер

TipTop 25-09-2011, 09:52 7291 Mодули DLE, Скрипты

Модуль скрипт  Вертикальный слайдер


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

<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>
</head>


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

Следующий код вставляйте в то место, где у вас будет сам слайдер:

<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>


vertical_slider.rar [12,6 Kb] (cкачиваний: 662)

Другие публикации по категории:

Модуль Miniposter PRO v2 by Sander

Автоматическое создание уменьшенных копий изображений. Одной из основополагающих различий является

11.01.17 Mодули DLE
Скрипт иконки для внешней ссылки

Скрипт иконка для внешних ссылок -используемый jQuery плагин для показа внешней ссылки.

05.02.15 Скрипты
Слайд модуль для DLE

Автоматический вывод кликабельных картинок с указаных категорий и с указаным количеством картинок.

12.02.10 Mодули DLE

Комментарии (3)

avatar
#1 goldacc
не работает
avatar
#2 eltoro
все работает, вот только я пока не понял как количество фоток увеличить, и прикрутить автоматическую прокрутку
avatar
#3 emash
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Powered by Dleshka.org. Сайт предназначен для выбора шаблонов и дополнений с использованием CMS DataLife Engine.
Закрыть