Красивый слайдер
3494
9.2 из 10
Проголосовало: 11
Проголосовало: 11
- Скачать с сервера
- Скачать
- Смотреть демо
Нашёл на одном сайте слайдер и решил повторить...
Так вот, этот слайдер построен при помощи библиотеки highslide
Ну, приступим к установке:
1. Вставляем данный код в нужное для вас место:
Code
<link type="text/css" rel="stylesheet" href="/slider/main.css">
<script type="text/javascript" src="/slider/jquery.js"></script>
<script type="text/javascript" src="/slider/main.js"></script>
<script type="text/javascript" src="/slider/highslide.min.js"></script>
<div id="headSlider"><div id="headSliderLeftHover" class="button"></div><div id="headSliderLeft" class="button"></div><div id="headSliderCenter">
<div id="headSliderNav"><div class="current"></div><div></div><div></div><div></div><div></div></div><div class="headSliderItem">
<div id="sliderRibbon"><div class="ribbonItem"><div class="headSliderBottom"><div class="headSliderBottomRight wide"></div></div></div>
<div class="ribbonItem"><span class="headSliderTitle">Название 1 слайда </span>
<div class="headSliderBottom"><div class="headSliderBottomRight">
Текст 1 слайда</div></div></div>
<div class="ribbonItem"><span class="headSliderTitle">Название 2 слайда </span>
<div class="headSliderBottom"><div class="headSliderBottomRight wide">
текст 2 слайда</div></div></div>
<div class="ribbonItem"><span class="headSliderTitle">Название 3 слайда </span>
<div class="headSliderBottom"><div class="headSliderBottomRight wide">
текст 3 слайда</div></div></div>
<div class="ribbonItem"><span class="headSliderTitle">Название 4 слайда </span>
<div class="headSliderBottom"><div class="headSliderBottomRight wide">
текст 4 слайда</div></div></div>
<div class="ribbonItem"><span class="headSliderTitle">Название 5 слайда </span>
<div class="headSliderBottom"><div class="headSliderBottomRight wide">
текст 5 слайда</div></div></div>
<div class="ribbonItem"><div class="headSliderBottom"><div class="headSliderBottomLeft"></div>
<div class="headSliderBottomRight"></div></div></div></div></div></div>
<div id="headSliderRight" class="button"></div><div id="headSliderRightHover" class="button"></div>
</div>
<script type="text/javascript" src="/slider/jquery.js"></script>
<script type="text/javascript" src="/slider/main.js"></script>
<script type="text/javascript" src="/slider/highslide.min.js"></script>
<div id="headSlider"><div id="headSliderLeftHover" class="button"></div><div id="headSliderLeft" class="button"></div><div id="headSliderCenter">
<div id="headSliderNav"><div class="current"></div><div></div><div></div><div></div><div></div></div><div class="headSliderItem">
<div id="sliderRibbon"><div class="ribbonItem"><div class="headSliderBottom"><div class="headSliderBottomRight wide"></div></div></div>
<div class="ribbonItem"><span class="headSliderTitle">Название 1 слайда </span>
<div class="headSliderBottom"><div class="headSliderBottomRight">
Текст 1 слайда</div></div></div>
<div class="ribbonItem"><span class="headSliderTitle">Название 2 слайда </span>
<div class="headSliderBottom"><div class="headSliderBottomRight wide">
текст 2 слайда</div></div></div>
<div class="ribbonItem"><span class="headSliderTitle">Название 3 слайда </span>
<div class="headSliderBottom"><div class="headSliderBottomRight wide">
текст 3 слайда</div></div></div>
<div class="ribbonItem"><span class="headSliderTitle">Название 4 слайда </span>
<div class="headSliderBottom"><div class="headSliderBottomRight wide">
текст 4 слайда</div></div></div>
<div class="ribbonItem"><span class="headSliderTitle">Название 5 слайда </span>
<div class="headSliderBottom"><div class="headSliderBottomRight wide">
текст 5 слайда</div></div></div>
<div class="ribbonItem"><div class="headSliderBottom"><div class="headSliderBottomLeft"></div>
<div class="headSliderBottomRight"></div></div></div></div></div></div>
<div id="headSliderRight" class="button"></div><div id="headSliderRightHover" class="button"></div>
</div>
2. Файлы из архива залить в папку slider
Вот и всё) Появятся вопросы пишите
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 5
0
|
не работает
|
|
0
|
как сделать так, чтобы слайдер был не посередине сайта, а на верху шапки??
|
|
0
|
точнее с redhelper.ru))
|
|
0
|
с readhelper.ru рипнули))
|
0
|
может пригодиться
|
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
 |  |  |  |  |  |
 | |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2024 г.
- Design by Вовчик Администратор:)