Регистрация    Войти
Авторизация

Слайдер "Kairos" - для сайта в системе uCoz

Слайдер "Kairos" - для сайта в системе uCozСлайдер "Kairos" - для сайта в системе uCoz

Потрясающий слайдер с эффектом скольжения по картинкам, который сделает живым даже самые скучные шаблоны в системе ucoz, а так де у вас может возникнуть вопрос как создать слайдер картинок на битрикс ? CMS 1С-Битрикс для хранения данных сайта используется файловая система сервера и реляционная СУБД. Поддерживаются следующие СУБД: MySQL, Oracle, MS SQL. Продукт работает на Microsoft Windows и UNIX?подобных платформах, включая Linux.
Слайдер в целом очень даже красивый и подойдет для многих сайтов, если возникнут вопросы задавайте не стесняемся мы попробуем вам помочь в системе uCoz.

Установка:

1. Загрузите папку slider в корень своего сайта.

2. На страницах, где будет слайдер, перед вставьте этот код:
<link type="text/css" rel="StyleSheet" href="/slider/slider.css" />


3. Перед нужно вписать эту строку:
<script type="text/javascript" src="/slider/ui.js"></script>


4. Это код самого слайдера. Разместите его там, где хотите видеть слайдер (например, в верхней части сайта):
<br clear="all" />  
 <div id="slider">  
 <div id="slider-box">  
 <div class="slider-wrapper">  
 <div id="featured" class="uTL" data-autopause="image" data-controls="hideOnFirst" data-shadow="disabled" data-thumb="enabled" style="width:980px;height:380px;">  
   
  <div data-align="random" data-delay="5" data-thumb="/slider/images/1s.jpg" data-duration="15" data-pan="random" data-transition="swipe" data-zoom="random">  
  <a href="/"><img src="/slider/blank.png" data-src="/slider/images/1.jpg" alt=""></a>  
  <p>Душа моя озарена неземной радостью, как эти чудесные весенние утра.</p>  
  </div>  
  <div data-align="random" data-delay="5" data-thumb="/slider/images/2s.jpg" data-duration="15" data-pan="random" data-transition="swipe" data-zoom="random">  
  <a href="/"><img src="/slider/blank.png" data-src="/slider/images/2.jpg" alt=""></a>  
  <p>Мне не под силу это, меня подавляет величие этих явлений.</p>  
  </div>  
  <div data-align="random" data-delay="5" data-thumb="/slider/images/3s.jpg" data-duration="15" data-pan="random" data-transition="swipe" data-zoom="random">  
  <a href="/"><img src="/slider/blank.png" data-src="/slider/images/3.jpg" alt=""></a>  
  <p>Как бы вдохнуть в рисунок то, что так трепетно живет во мне?</p>  
  </div>  
  <div data-align="random" data-delay="5" data-thumb="/slider/images/4s.jpg" data-duration="15" data-pan="random" data-transition="swipe" data-zoom="random">  
  <a href="/"><img src="/slider/blank.png" data-src="/slider/images/4.jpg" alt=""></a>  
  <p>Когда от милой моей долины поднимается пар.</p>  
  </div>  
  <div data-align="random" data-delay="5" data-thumb="/slider/images/5s.jpg" data-duration="15" data-pan="random" data-transition="swipe" data-zoom="random">  
  <a href="/"><img src="/slider/blank.png" data-src="/slider/images/5.jpg" alt=""></a>  
  <p>Душа моя озарена неземной радостью, как эти чудесные весенние утра.</p>  
  </div>  
   
 </div>  
 <script type="text/javascript">  
 $(document).ready(function() {  
 $('#featured').uTLSlider();  
 });  
 </script>  
 </div>  
 </div>  
 </div>  
 <br clear="all" />


Скачать слайдер: 502_25_kairos_slide.rar [1,93 Mb] (cкачиваний: 145)

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  21-11-2014, 22:32   Просмотров: 1649   
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.