Приветствую Вас Прохожий | RSS Четверг, 27.04.2017, 02:26
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 13
Гостей: 13
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Оригинальная автоматическая 3D карусель через плагин Feature Carousel на jQuery 1.5

Оригинальная автоматическая 3D карусель через плагин Feature Carousel на jQuery 1.5
Оригинальная автоматическая 3D карусель через плагин Feature Carousel на jQuery 1.5 для Ucoz.

Установка:

После /head на нужных страницах вставляйте:

Code
<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>

Следующий код вставляйте в то место, где будет ваша галерея:
Code
<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>  
Описание к первой картинке  
</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>  
Описание ко второй картинке.  
</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>  
Описание к третьей картинке  
</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>  
Описание к пятой картинке  
</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>
Автор\Источник: www.apo-ucoz.com

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 0.559 Мб
Просмотров: 2299 | Комментарии: 2 | Рейтинг: 5.0/2 | |Категория: Скрипты Разное | Добавил: edik2009 | Дата: 16.03.2011 | Скачали: 2
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 German   Дата: 16.03.2011  Время: 15:59   [№ 7068]
Интересно)

1 edik2009   Дата: 16.03.2011  Время: 13:56   [№ 7066]
Кому надо могу адаптировать карусель под информер сайта (в ЛС)


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Комплексный прогон сайт...

51

2 Нужны копирайты

0

3 Ищу работу

5

4 Ищу работу по продвижен...

1

5 Файловик. Уникальные те...

2

6 Продам билеты в московс...

0

7 Нужны дизайнеры

1

8 Вакансия копирайтера/пе...

1

9 Верстка

13

10 Продажа ручного рерайта...

0


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2017


Кнопка 88х31 сайта ucozon.ru