Наша Кнопка



Мини профиль
Наши партнеры
Онлайн лист
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи
Гости сайта
Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz [ Добавить материал ]

Горизонтальной Слайдер для ucoz на Query

Добавил: Гость » Дата: 29.10.2020
Категория:
Скрипты для Ucoz
Слайдер можно использовать в любой сфере как новости - файлы - фильмы и т.д
Перед /head вставляйте:
Code

<script type="text/javascript" src="http://www.testcs.ru/js/jquery.jcarousel.min.js"></script>  
<link rel="stylesheet" type="text/css" href="http://www.testcs.ru/css/skin.css" />
<script type="text/javascript">

jQuery(document).ready(function() {
  jQuery('#mycarousel').jcarousel({
  vertical: true,
  scroll: 2
  });
});

</script>


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

Code

<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
  <li><img src="http://адрес картинки/1.jpg" width="120" height="150" alt="" /></li>
  <li><img src="http://адрес картинки/2.jpg" width="120" height="150" alt="" /></li>
  <li><img src="http://адрес картинки/3.jpg" width="120" height="150" alt="" /></li>
  <li><img src="http://адрес картинки/4.jpg" width="120" height="150" alt="" /></li>
  <li><img src="http://адрес картинки/5.jpg" width="120" height="150" alt="" /></li>
  <li><img src="http://адрес картинки/6.jpg" width="120" height="150" alt="" /></li>
</ul>

Чтобы скачивать файлы вам нужна или Это займёт не больше 2х минут...

· ·
Метки: скрипты для ucoz, Query, Горизонтальной, ucoz, для, слайдер, на
Просмотров: 1497 | Загрузок: 0 | Комментариев: 0


Не забудь поделится с Друзьями

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]