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

Оригинальная 3D галерея через плагин Waterwheel Carousel на jQuery 1.5 для uCoz
23.06.14, 14:31:21

Скачать файл




Ещё одна очень интересная галерея. Думаю, многим она придётся по душе

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

Установка:

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


Следующий код в то место, где будет располагаться галерея:
Код
<div id="waterwheel-carousel-default">
  <div class="carousel-controls">
  <div class="carousel-prev">
  <a href="#">< Назад</a></div>
  <div class="carousel-next">
  <a href="#">> Вперёд</a></div>
  </div>
  <div class="carousel-images">
  <img alt="Test Image 1" src="/images/testImage1.png" />  
  <img alt="Test Image 2" src="/images/testImage2.png" />  
  <img alt="Test Image 3" src="/images/testImage3.png" />  
  <img alt="Test Image 4" src="/images/testImage4.png" />  
  <img alt="Test Image 5" src="/images/testImage5.png" />  
  <img alt="Test Image 6" src="/images/testImage6.png" />  
  <img alt="Test Image 7" src="/images/testImage7.png" />  
  <img alt="Test Image 8" src="/images/testImage8.png" />  
  <img alt="Test Image 9" src="/images/testImage9.png" />  
  <img alt="Test Image 10" src="/images/testImage10.png" />  
  <img alt="Test Image 11" src="/images/testImage11.png" />  
  </div>
  </div>


Все картинки, естественно, меняйте на свои. В качестве демо можете использовать картинки из архива

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