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

Красивый стильный слайдер для светлых дизайнов через плагин mobilyslider на jQuery
23.06.14, 13:42:24

Скачать файл




Простой стильный слайдер изображений для светлых дизайнов

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

Установка:

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


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

1) Горизонтальная прокрутка:
Код
<div class="slider slider1">  
  <div class="sliderContent">  
  <div class="item">  
  <img src="Ссылка на картинку" alt="" />  
  </div>  
  <div class="item">  
  <img src="Ссылка на картинку" alt="" />  
  </div>  
  <div class="item">  
  <img src="Ссылка на картинку" alt="" />  
  </div>  
  </div>  
  </div>


2) Вертикальная прокрутка:
Код
<div class="slider slider2">  
  <div class="sliderContent">  
  <div class="item">  
  <img src="Ссылка на картинку" alt="" />  
  </div>  
  <div class="item">  
  <img src="Ссылка на картинку" alt="" />  
  </div>  
  <div class="item">  
  <img src="Ссылка на картинку" alt="" />  
  </div>  
  </div>  
  </div>


Осталось лишь залить два скрипта из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images

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