регистрация
856материалов
3280комментариев
235тем на форуме
6813пользователей

Отзывчивый Parallax Drag-слайдер


Описание:

Эффект параллакса достаточно быстро вписался в ряды самых популярных трендов, используемых в веб-дизайне. Сегодня каждый владелец хочет, чтобы на его ресурсе использовался этот эффект, так как он привлекает внимание посетителей. Зачастую эффект параллакса, возникающий во время прокрутки, можно увидеть на главных страницах сайтов. Сегодня я хочу представить разработку с сайта codepen.io - Отзывчивый Parallax Drag-слайдер. В данном слайдере приводится презинтация популярных города и соответственно данное решение может подойти для туризм-порталов :-)

Установка:

Для начала скачиваете архив с нашего сайта и папку parallax-drag загружаете в свой файловый менеджер

Теперь создаете страницу динамическую (через редактор страниц) или статическую (в файловым менеджере с расширением html) страницу и вставляете в нее данный код:
Код
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Отзывчивый Parallax Drag-слайдер</title>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,700,600' rel='stylesheet' type='text/css'>
<link href='/parallax-drag/style.css' rel='stylesheet' type='text/css'>
</head>
<body translate="no" >
<div class="cont">
<div class="slider"></div>
<ul class="nav"></div>
<div data-target='right' class="side-nav side-nav--right"></div>
<div data-target='left' class="side-nav side-nav--left"></div>
</div>
<script src="/parallax-drag/script.js"></script>
<script src='/parallax-drag/jquery.min.js'></script>
<script src='/parallax-drag/main.js'></script>
</body>
</html>

P.S при создании динамической страница не забудьте добавить код $POWERED_BY$, а то система не даст сохранить шаблон.


Шаблон опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о шаблоне:
Дата добавления материала: 12.02.2017 в 09:00
Материал просмотрен: 699 раз
Категория материала: Шаблоны для uCoz
К материалу оставлен: 1 комментарий

Пожаловаться
Сказать спасибо
Источник

1 комментарий


Rita
Рита @Rita 12.02.2017 21:411
0
Классная вещь, кому-нибудь но пригодится :-)
avatar
Хотите сайт всего за 10 дней?
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 3
Гостей: 3
Пользователей: 0