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

Рубрика: Хаки для DLE » Хак DLE 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 да и других тоже.
Хак 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 Скрипт вертикального слайдера
  • 100
Рубрика: DLE хаки » Хак для DLE
Ранее » Хак установить Передвижные блоки новостей на сайте« Далее Хак Статистика на сайте выполнение 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
Он картинки из новостей берет?