Главная » Файлы » Прочие скрипты » 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

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