Широкий адаптивный слайдер изображений
 | |
| Отличный слайдер для интернета магазина и других сайтов, так как он выдает эффект по умолчанию изображение на полный режим монитора. И здесь больше всего как привлечение посетителя, вы просто нажимаете и слайдер открывается на один материал, где будет представлен по всем ракурсам, что можно поставить до пяти картинок и больше. Если вы будете смотреть с мобильного аппарата, то он все корректно покажет, так как отлично адаптирован под них. На нем можно как рекламировать товары или делать красивые презентаций, что всех удивят и каждый может листать его, кнопки расположены прямо в нем, что отлично структурированные по своей стилистике. Если ваш сайт на тематику туризм, то здесь значительно будет улучшена визуализация и что главное по установке он не сложен и каждый может его поставить на свою площадку, и тем порадовать ваших гостей или пользователей сайта. Приступаем к установке: 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$, то получиться так, что вы просто не сохраните страницу и она не будет создана. Источник и сразу демонстрация материала. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 3 | |
|
| |
