Поиск:
|
   |
| Модератор форума: Senator |
| Форум сайта Система uCoz Другие скрипты Оригинальная автоматическая 3D карусель через плагин Featur |
| Оригинальная автоматическая 3D карусель через плагин Featur |
 [Table]Оригинальная автоматическая 3D карусель через плагин Feature Carousel на jQuery 1.5 для Ucoz. Установка: После /head на нужных страницах вставляйте: [/Table]
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> [Table]Следующий код вставляйте в то место, где будет ваша галерея: [/Table]
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> </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> |
| |||
| |||