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

Оригинальная автоматическая 3D карусель через плагин Feature Carousel на jQuery 1.5 для uCoz
23.06.14, 14:31:07

Скачать файл


Очень интересная автоматическая 3D галерея - аккуратная и легко настраиваемая

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

Установка:

После /head на нужных страницах вставляйте:
Код
<link rel="stylesheet" href="/css/local.css" charset="utf-8" />
  <script type="text/javascript" src="/js/jquery-1.5.min.js"></script>
  <script src="/js/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
  $(document).ready(function() {
  $("#carousel").featureCarousel({
  });
  });
  </script>


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

Код
<div id="carousel-container">
  <div id="carousel">
  <div class="carousel-feature">
  <a href="#"><img class="carousel-image" alt="Image Caption" src="/images/image1.jpg"></a>
  <div class="carousel-caption">
   

   
  Описание к первой картинке
  </p>
  </div>
  </div>
  <div class="carousel-feature">
  <a href="#"><img class="carousel-image" alt="Image Caption" src="/images/image2.jpg"></a>
  <div class="carousel-caption">
   

   
  Описание ко второй картинке.
  </p>
  </div>
  </div>
  <div class="carousel-feature">
  <a href="#"><img class="carousel-image" alt="Image Caption" src="/images/image3.jpg"></a>
  <div class="carousel-caption">
   

   
  Описание к третьей картинке
  </p>
  </div>
  </div>
  <div class="carousel-feature">
  <a href="#"><img class="carousel-image" alt="Image Caption" src="/images/image4.jpg"></a>
  </div>
  <div class="carousel-feature">
  <a href="#"><img class="carousel-image" alt="Image Caption" src="/images/image5.jpg"></a>
  <div class="carousel-caption">
   

   
  Описание к пятой картинке
  </p>
  </div>
  </div>
  </div>

  <div id="carousel-left"><img src="/images/arrow-left.png" /></div>
  <div id="carousel-right"><img src="/images/arrow-right.png" /></div>
  </div>


Весь контент можете переписать под себя

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

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: 3D, карусель, Carousel, автоматическая, Оригинальная, feature, JQuery, плагин, на, Через
Просмотров: 397 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: