Главная » Файлы » Прочие скрипты » 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 | |
Просмотров: 409 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |