Форум iSofter
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » ***Всё для Ucoz*** » Всё для Ucoz » Оригинальная 3D галерея Waterwheel Carousel на jQuery 1.5 (Оригинальная 3D галерея Waterwheel Carousel для uCoz)
Оригинальная 3D галерея Waterwheel Carousel на jQuery 1.5
GrozaZoolДата: Понедельник, 21.03.2011, 19:42 | Сообщение # 1

Главный админ

Сообщений: 142
Репутация: 12784
Статус: Offline

Оригинальная 3D галерея через плагин Waterwheel Carousel на jQuery 1.5 для Ucoz.

Установка:

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

Code
<link type="text/css" rel="stylesheet" media="all" href="http://isofter.ucoz.com/scripts/-Carousel/local.css" />        
<script type="text/javascript" src="http://isofter.ucoz.com/scripts/-Carousel/jquery-1.5.min.js"></script>        
<script type="text/javascript" src="http://isofter.ucoz.com/scripts/-Carousel/jquery.waterwheelCarousel.js"></script>        
<script type="text/javascript">        
$jqNew = jQuery.noConflict(true);        
$jqNew(document).ready(function () {        
$jqNew("#waterwheel-carousel-default").waterwheelCarousel();        
});        
</script>

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

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


 
Форум » ***Всё для Ucoz*** » Всё для Ucoz » Оригинальная 3D галерея Waterwheel Carousel на jQuery 1.5 (Оригинальная 3D галерея Waterwheel Carousel для uCoz)
Страница 1 из 11
Поиск:



Яндекс.Метрика
Copyright © 2010-2016г