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

ZINO - универсальный слайдер любого контента на jQuery. Адаптировано Apocalypse
24.06.14, 09:30:29

Скачать файл




ZINO - это вполне приличный слайдер, который выполнен в простом светлом стиле и может "слайдить" практически любой контент, будь это картинка, текст, HTML файл или даже видео с YouTube

Слайдшоу из картинок ДЕМО

Слайдшоу из видеофайлов ДЕМО

Слайдшоу из любого контента ДЕМО

Вертикальный слайдер ДЕМО

На данном примере будет рассмотрен лишь слайдер контента. Коды остальных трёх слайдов вы сможете взять на страницах демонстраций

Установка:

На страницах, где будет использоваться слайдер после /head вставляйте:
Код
<link type="text/css" rel="stylesheet" href="/css/jquery.slider.css" />  
  <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>  
  <script type="text/javascript" src="/js/jquery.easing.compatibility.js"></script>  
  <script type="text/javascript" src="/js/jquery.slider.js"></script>  
  <script type="text/javascript">  
  $(function () {  
  $("#slider3").slider({  
  width: 600,  
  height: 400  
  });  
  });  
  </script>


На этих же страницах в то место, где будет сам слайдер:
Код
<div id="slider1" class="slider">  
  <div class="slider-box">  
  <div class="slider-item">Контент</div>  
  <div class="slider-item">Контент</div>  
  <div class="slider-item">Контент</div>  
  </div>  
  <a href="#" class="slider-arrow slider-prev"></a>  
  <a href="#" class="slider-arrow slider-next"></a>  
  </div>


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

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: любого, Apocalypse, универсальный, ZINO, на, Адаптировано, контента, jQuery., слайдер
Просмотров: 312 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: