+ +

Красивый слайдер изображении для ucoz

Красивый слайдер изображении для ucoz
Цена: БЕСПЛАТНО
Просмотров: 10565
Добавлено: 19.05.2013
Контакты: Автор (VK) (Онлайн)
Файл добавил: Alan_Writer
Архив шаблона: СКАЧАТЬ
Демо: Смотреть
Информация о материале
Красивый слайдер изображении для ucoz. Простой и без лишних наворотов слайдер, подойдет для сериалов или для галереи, также вы можете переделать его под себя: изменить дизайн и размеры.

Установка

1. Скачайте архив. Создайте в корне файлового менеджера папку sliderb, и в нее залейте все содержимое архива.

2. Теперь нужно прописать пути к файлам скрипта, стилей и вставить код вызова плагина. Все это прописываем перед </body>:
Код
<script type="text/javascript" src="/sliderb/sliderb.js"></script>
<link type="text/css" rel="StyleSheet" href="/sliderb/sliderb.css"/>

3. По месту ставим сам блок со слайдами указав в нем ссылки на страницы и изображения:
Код
<div class="infiniteCarousel">  
<div class="wrapper">  
<ul>  
<li><a href="url страницы 1" title=""><img src="ссылка на картинку 1"></a></li>
<li><a href="url страницы 2" title=""><img src="ссылка на картинку 2"></a></li>
<li><a href="url страницы 3" title=""><img src="ссылка на картинку 3"></a></li>
<li><a href="url страницы 4" title=""><img src="ссылка на картинку 4"></a></li>
<li><a href="url страницы 5" title=""><img src="ссылка на картинку 5"></a></li>
</ul>
</div>  
</div>


Теги: красивый, Слайдер, Карусель, для uCoz, изображения, Горизонтальный
Изображения
Комментарии (5)
avatar
5
Здравствуйте! Все работает, огромное спасибо! Подскажите, как увеличить слайды?
avatar
3
А как сделать так, чтобы вместо ссылок на нужные картинки был информер? Сколько не пробовал - либо слайдер перестает работать, либо показывает только первую картинку в списке, размноженную до бесконечности.
avatar
4
Не понял. То есть выводить картинки с помощью информера, а не вручную?
avatar
1
Как его на сайт поставить?
avatar
2
Материал обновил, теперь все должно быть понятно.