Главная » Файлы » Прочие скрипты » jQuery |
Неплохой слайдер любого контента через плагин bxSlider на jQuery для uCoz
24.06.14, 16:56:32 | |
Очень даже неплохой слайдер с множеством настроек и возможностью отображения разного контента от картинок до видеороликов Для начала посетите страницу со списком ДЕМО Это моё тестирование в фидле: КЛИК Установка: После /head на нужных страницах: Код <link rel="stylesheet" href="/css/jquery.bxslider.css" type="text/css" /> <script src="/js/jquery.bxslider.min.js"></script> Следующий код в то место, где должен быть слайдер: Код <section id="main"> <div class="inner clearfix"> <ul class="bxslider"> <li> <img src="Ссылка на картинку" /> </li> <li> <img src="Ссылка на картинку" /> </li> <li> <img src="Ссылка на картинку" /> </li> </ul> </div> </section> <script> $('.bxslider').bxSlider({ mode: 'fade', auto: true, autoControls: true, pause: 2000 }); </script> Если вы хотите слайдер одного из демо, предоставленных на странице плагина, берите коды из описания установки на странице этих демо Скрипт из прикреплённого архива залейте в папку js, стиль в папку css и картинки в папку images Материал подготовлен Apocalypse | |
Просмотров: 557 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |