[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Рекламный блок Форума
Реклама
  • Страница 1 из 1
  • 1
Архив - только для чтения
Всё для веб мастера. Скрипты для сайта uCoz » Скрипты для ucoz » Фотоальбом » Галерея 3D через плагин Waterwheel Carousel на jQuery 1.5 (Для Ucoz (Оригинал))
Галерея 3D через плагин Waterwheel Carousel на jQuery 1.5
Dante Дата: Понедельник, 04.04.2011, 15:06 | Сообщение # 1
Салага
Сообщений: 247
Награды: 2
Репутация: 154

3D Галерея фотографий для фотоальбома с удобным переключением фотографий.
Работающий через плагин Waterwheel Carousel на jQuery 1.5 для Ucoz.

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

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

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

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 (Для Ucoz (Оригинал))
  • Страница 1 из 1
  • 1
Поиск:

 
Ваш логин: Ваш пароль: