Широкий адаптивный слайдер изображений - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Отличный слайдер для интернета магазина и других сайтов, так как он выдает эффект по умолчанию изображение на полный режим монитора. И здесь больше всего как привлечение посетителя, вы просто нажимаете и слайдер открывается на один материал, где будет представлен по всем ракурсам, что можно поставить до пяти картинок и больше.

Если вы будете смотреть с мобильного аппарата, то он все корректно покажет, так как отлично адаптирован под них. На нем можно как рекламировать товары или делать красивые презентаций, что всех удивят и каждый может листать его, кнопки расположены прямо в нем, что отлично структурированные по своей стилистике. Если ваш сайт на тематику туризм, то здесь значительно будет улучшена визуализация и что главное по установке он не сложен и каждый может его поставить на свою площадку, и тем порадовать ваших гостей или пользователей сайта.
 
Приступаем к установке:
 
1. Вам нужно скачать архив и все что в нем находится поместить в одну папку parallax-drag которую изначально нужно создать.
2. После создаем страницу, да именно ее, так как она будет под ссылкой, это можно сделать через "через редактор страниц" или вывести на 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>


PS - если вы делаете на сайте системы uCoz и у вас не куплена корзина, это убрать рекламу, то вы не забывайте установить оператор $POWERED_BY$, то получиться так, что вы просто не сохраните страницу и она не будет создана.

Источник и сразу демонстрация материала.

Важно!

При копировании материала указывать ссылку на источник.

- 417
- 01-Марта-2017
- 0
- 0
Материал разместил:

Похожий материал
Статьи сайта