2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Красивый слайдер для рекламного блока на ucoz

Украшения 2011-Май-22 proucoz 5.5k 438 4

Очень красивый слайдер для сайтов ucoz, который можно использовать в разных целях. В основном такой слайдер подходит именно для рекламы или информера новостей для сайта.

Установка. Данный код ставим туда, куда нужно и где хотите видеть:

Code

<link rel="stylesheet" type="text/css" href="/Ucoz2/krasivyj_slajder.css" media="all">  
  <script type="text/javascript" src="/Ucoz2/krasivyj_slajder.js"></script>  
  <div id="preview-contanier"><div class="arrow-left"></div><div id="preview" class="ie6"><ul>  
  <li class="preview-tumb panel"><a href="http://www.uc-portaller.ru/" ><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="/Ucoz2/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li>  
  <li class="preview-tumb panel"><a href="#"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="/Ucoz2/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li>  
  <li class="preview-tumb panel"><a href="#"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="/Ucoz2/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li>  
  <li class="preview-tumb panel"><a href="#"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="/Ucoz2/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li>  
  <li class="preview-tumb panel"><a href="#"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="/Ucoz2/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li>  
  <li class="preview-tumb panel"><a href="#"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="/Ucoz2/krasivyj_slajder_banner.png"><br>Ваш текст под картинкой</a></li>  
  </ul></div><div class="arrow-right"></div></div>

Теперь осталось скачать архив с сервера с файлами css и JS и графикой, которые нужно залить в корень сайта. Пути к файлам можете потом изменить, тогда не забудьте и в css залезть и сменить пути, иначе не будет работать.

Вес архива 25 Кб. Скачивание с сервера!

Источник: http://webo4ka.ru/
4 комментария
avatar
1
Як зробити авто-прокрутку? Не пидкажете
avatar
2
Чтобы слайдер прокручивался нужно переписывать код JS файла, к сожалению яваскрипт я не изучал, поэтому не смогу скорее всего помочь. sad
avatar
3
Настраивать долго, и ошибки есть в скрипте
avatar
4
Перемотка не работает, 6 картинка внизу становится и все (под слайдером)
avatar