DataLife Engine / Хак Dle Скрипт вертикального слайдера

Хак Dle Скрипт вертикального слайдера



Итак ещё довольно неплохой вариант скрипта Установки вертикального слайдера для сайта dle да и других тоже.
Хак Dle Скрипт вертикального слайдера
Так где будет использован данный скрипт в между тегами

<head> </head> 


вставляйте:
<script type="text/javascript" src="/templates/Default/js/jquery.jcarousel.min.js"></script><link rel="stylesheet" type="text/css" href="/templates/Default/css/skin.css" /><script type="text/javascript">jQuery(document).ready(function() {  jQuery('#mycarousel').jcarousel({  vertical: true,  scroll: 2  });});</script>


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

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

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


Предлагаем скачать хак dle Скрипт вертикального слайдера

vertical_slider.rar [27,26 Kb] (cкачиваний: 353)
22-08-2011, 17:19
Вернуться назад