« Автоматический слайдер для uCoz »

Описание материала:

Простенький слайдер для uCoz. Данный слайдер сделан из 4 изображений, который автоматически меняются, при наведение курсором на одну из четырех изображений слайдер останавливается, так же по изображению можно кликнуть и она Вас перекинет по ссылке указанной Вами. Слайдер обведен обводкой оранжевого цвета. Так же к изображением можно подписать описание.

Установка:
Скачиваем архив и заливаем папку slider в корень своего сайта
Дальше ставим данный код туда где хотим видеть слайдер:

Код
<div align="center">
<link rel="StyleSheet" href="/slider/style.css"/>
<script type="text/javascript" src="/slider/jquery.js"></script>
<script type="text/javascript" src="/slider/script.js"></script>
<script>
  var time = 3000; // Время перехода картинок в миллисекундах
</script>
   
<div id="wrapperSlider">
  <img src="/slider/images/pause.png" class="pauseSlider" width="20" title="Пауза">
  <div class="slider">
  <div class="activeO">
  <a target="_blank" href="#"><img src="/slider/images/1.png" title="Тут пишется Ваш текст"></a>
  <span class="textList">Тут пишется Ваш текст</span>
  </div>

  <div>
  <a target="_blank" href="#"><img src="/slider/images/2.png" title="Тут пишется Ваш текст"></a>
  <span class="textList">Тут пишется Ваш текст</span>
  </div>

  <div>
  <a target="_blank" href="#"><img src="/slider/images/3.png" title="Тут пишется Ваш текст"></a>
  <span class="textList">Тут пишется Ваш текст</span>
  </div>

  <div>
  <a target="_blank" href="$"><img src="/slider/images/4.png" title="Тут пишется Ваш текст"></a>
  <span class="textList">Тут пишется Ваш текст</span>
  </div>
  </div>
</div>
</div>


Готова!


Скачать ( Размер архива 150.1 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 1414 | Загрузок: 79

Теги к материалу: автоматический, ucoz, для, слайдер

Поделиться в соц. сетях:
Комментариев к материалу: 1
Александр 31.01.2016 в 21:44Спам
Очень красивый слайдер
0
avatar