Регистрация

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

TipTop 25-09-2011, 09:52 7168 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качиваний: 659)

Похожие новости

Модуль 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.
Закрыть