Хаки и Скрипты Next Generation CMS
irbees2008 irbees2008 Опубликовано - 7 - апреля Интерфейс
4721 - 0
  • Автор: --------------
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: нужны навыки css hmlt
  • Демо:

Вертикальный Слайдер
1.Скачиваем архив и заливаем в папку с шаблоном Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
2.На страницах, где будет использован данный скрипт в head вставляйте:

Код:
<script type="text/javascript" src="{tpl_url}/js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="{tpl_url}/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.jpg" width="200" height="200" alt="" /></li>
<li><img src="http://адрес картинки/2.jpg" width="200" height="200" alt="" /></li>
<li><img src="http://адрес картинки/3.jpg" width="200" height="200" alt="" /></li>
<li><img src="http://адрес картинки/4.jpg" width="200" height="200" alt="" /></li>
<li><img src="http://адрес картинки/5.jpg" width="200" height="200" alt="" /></li>
<li><img src="http://адрес картинки/6.jpg" width="200" height="200" alt="" /></li>
</ul>

Вот и все пользуемся

Можешь почитать и вот эту статейку "Теги label"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4365 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 660
  • Онлайн всего: [10]
  • Гости: [10]
  • Были сегодня : [2] Google, Яндекс
  • SQL запросов: 31
  • Генерация страницы: 0.306сек
  • Потребление памяти: 5.158 Mb 
  •   Яндекс.Метрика