
Итак ещё довольно неплохой вариант скрипта Установки вертикального слайдера для сайта 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 Скрипт вертикального слайдера