Главная » Файлы » Прочие скрипты » jQuery

Горизонтальный слайде через jQuery uSlider plugin для uCoz
24.06.14, 10:08:37

Скачать файл




Неплохой слайдер с эффектом жалюзи для вашего сайта. Отличается простотой установки и минимальным кодом

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах:
Код
<script type="text/javascript" src="/js/jquery.uslider.js"></script>  
  <link rel="stylesheet" type="text/css" href="/css/jquery.uslider.css" />


В то место, где будет сам слайдер:
Код
<ul id="uslider" class="uslider">  
<li>  
<img src="Ссылка на картинку" />  
<div>  
<div class="slide-widget-caption">  
Описание  
</div>  
</div>  
</li>  
<li>  
<img src="Ссылка на картинку" />  
<div>  
<div class="slide-widget-caption">  
Описание  
</div>  
</div>  
</li>  
<li>  
<img src="Ссылка на картинку" />  
<div>  
<div class="slide-widget-caption">  
Описание  
</div>  
</div>  
</li>  
  </ul>  
  <script type="text/javascript">  
$(document).ready(function() {  
$('#uslider').uSlider();  
});  
  </script>


Скрипт из прикреплённого архива залейте в папку js, стиль в папку css

Материал подготовлен и адаптирован Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: Plugin, Горизонтальный, слайде, Через, ucoz, uSlider, JQuery, для
Просмотров: 277 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: