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

Рубрика: Хаки для DLE » Хак DLE 12.1, 12.0, 11.3, 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0

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

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

Здесь у нас 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

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

Вернуться назад

Рубрика: DLE хаки » Хак для DLE

Очень обяжите воспользовавшись кнопками социальной сети или +1 Google. Спасибо, за Ваше участие!

Ранее » Хак установить Передвижные блоки новостей на сайте« Далее Хак Статистика на сайте выполнение MySQL запросов

№ :4

17 марта 2014 14:21

в этом месте было так

<li><img src="http://адрес картинки/2_1_.jpg" width="120" height="150" alt="" /></li>

достаточно добавить код для гиперссылки и сделать так

<li><a href="http://ссылка на новость/" title="Описание"> 

<img src="http://адрес картинки/2_1_.jpg" width="120" height="150" alt="" />

</a></li>

№ :3

17 марта 2014 14:08

А ссылки на пост куда забивать? Там вроде только картинки прописать можно

№ :2

16 марта 2014 23:58

Цитата: Karat7

Он картинки из новостей берет?

Нет, картинки придется вписывать вручную
в код после строчки

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

№ :1

16 марта 2014 21:53