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

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

Можешь почитать и вот эту статейку "Добавим дополнительные поля в ncm"

Комментирование данной новости запрещено.

Опрос

Ваше мнение

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

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

Теги

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

Статистика

  • Caйт cущecтвуeт: 4634 дня
  • Статических страниц: 10
  • Категорий: 28
  • Новостей: 619
  • Неопубликованных новостей: 8
  • Комментариев: 257
  • Зарегестрированных пользователей: 779
  • Онлайн всего: [20]
  • Гости: [19]
  • Поисковые роботы: [1] Яндекс
  • Сегодня нас посетили: [8] Google, Larrytitly, Яндекс, Яндекс, irbees2008, Google, dankeanke, Google
  • SQL запросов: 39
  • Генерация страницы: 0.13сек
  • Потребление памяти: 4.672 Mb 
  •   Яндекс.Метрика