Хаки и Скрипты Next Generation CMS
irbees2008 irbees2008 Опубликовано - 7 - апреля Интерфейс
3984 - 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>

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

Можешь почитать и вот эту статейку "Верстаем на Twitter Bootstrap"

Опрос

Ваше мнение

Какие темы вам интереснее?
Результаты

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

Теги

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

Статистика

  • Caйту: 3458 дней
  • Новостей: 553
  • Комменты: 254
  • Зарегистрированно : 583
  • Онлайн всего: [4]
  • Гости: [3]
  • Поисковики: [1] Яндекс
  • Были сегодня : [1] Яндекс
  • SQL запросов: 32
  • Генерация страницы: 0.644сек
  • Потребление памяти: 5.141 Mb 
  •   яндекс.ћетрика