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