Блог ”Справочник Петербуржца”
интернет-журнал событий,
интернет-дневник, онлайн-дневник

Master Slider - мастер среди слайдеров!

03.03.2015

Интернет-провайдеры Санкт-Петербурга
Бесплатный сервис по подбору Интернет-провайдера V-setke.ru: раскрывает реальные тарифы Интернет-провайдеров, осуществляет индивидуальный подбор Интернет-провайдера, помогает выбрать наиболее выгодные условия подключения к Интернет, экономит Ваши силы и время, работает практически со всеми Интернет-провайдерами Санкт-Петербурга
Адрес и телефон
Всем привет.

Слайдеры прочно вошли в жизнь web-дизайнера. Штука удобная и информативная, поэтому они присутствуют на многих сайтах, форумах и блогах. В основном все слайдеры отличаются друг от друга как переходами между самими слайдами, так и способом проявления (создания) очередного слайда. Правда? Точно так.

Я тоже так думал до недавних пор. Пока не встретил MasterSlider. Ребята, это просто монстр по возможностям среди конструкторов слайдеров . Чего стоит хотя бы тот факт что этот Slider имеет свое API. Круто? Еще бы. Методы, свойства и события – все как полагается в ООП.

Master Slider обладает супер-гладкими переходами. Он поддерживает сенсорную навигацию с жестами. Обладает отзывчивым дизайном, что позволяет ему работать идеально на всех гаджетах. 

А теперь внимание - Master Slider умеет работать со слоями! С возможностью добавления в слой любого HTML содержимого: текста, изображения, видео.


Основные характеристики на языке оригинала (не самая последняя версия):
  • Fully responsive and resizeable.
  • Fullscreen, Full-width and boxed layout support.
  • Touch swipe gesture in touch devices and desktop browsers.
  • Cross browser Chrome, FireFox, Safari, Opera, IE8+
  • SEO Friendly you can use heading (h1, h2, ...) elements for layers/captions in markup and all included images in slider will index by search engines.
  • Super smooth hardware accelerated CSS3 transitions with fallback jQuery animations in old browsers.
  • Unlimited layers/captions over slides and unlimited hardware CSS3 transitions (with jQuery fallback)
  • Option of adding hotspots over each slide to show related tooltip while mouse is over it.
  • 25+ ready to use and customizable templates included.
  • Six ultra smooth touch/mouse interactive transitions:
    1. Slide move transition
    2. 3D Flow move transition
    3. 3D wave move transition
    4. Mask move transition
    5. Fade transition
    6. Scale transition
  • HD Video Backgrounds
  • Smart preloading
  • Vertical and horizontal direction supported for touch/mouse swipe moves.
  • Option to specify End Transition with different timing and easing for each layer.
  • Option to use Youtube and Vimeo videos as slide background.
  • Option to use Youtube and Vimeo videos as slide layer (with custom cover image)
  • Flickr plugin included.
  • Option to add lightbox link to each slide.
  • AutoHeight mode (Slider adapts its height size to each slide height)
  • Option to enable shuffle slide ordering.
  • Option to specify first slide.
  • Option to set continuous sliding mode (loop).
  • Multiple instances of slider in one page.
  • Autoplay with mouse over pause option.
  • Option to specify End-Pause for autoplay slide show.
  • Option to set link to each slide.
  • Option to set space between slides.
  • 5 alignment methods for aligning background in slide (fit, fill, stretch, tile, centre)
  • Vertical and horizontal thumb list control included (with touch support)
  • Instant slider initialization, Visitors don't have to wait for all images.
  • Easy to locate layers over slides by using CSS.
  • Fully customizable layout via CSS and HTML.
  • Valid, optimized and easy to use markup.
  • Built-in powerful API with detailed documentation.
  • Built with obejcte oriented JavaScript.
  • +20 customisation options.
  • Detailed documentation.
  • Easy installation document is included.
  • Layered PSD files are included.
  • Free lifetime support.
  • Free lifetime updates.
На данный момент существует MasterSliderкак jQuery-версия так и версия для фанатов WordPress. Обе версии платные.  Даже фанатам WordPress повезло чуть больше, разработчик для ознакомления предлагает и бесплатную версию своего MasterSlider, правда уж очень усеченную по возможностям.  Не сможете оценить всего полета мысли!)

Варианты всевозможных переходов можно оценить визуально и тут же получить часть кода, который за это отвечает.



Ваш слайд может содержать в себе и горячие точки (hotspot), что может быть востребовано в интернет магазинах.


Первое построение своего слайдера можно начать с выбора шаблона. Сколько их в последней версии я не знаю, но год назад их было два десятка. Каждый шаблон ниже демонстрации содержит блок HTML-кода, блок JavaScriptи блок RequiredFilesгде перечислены необходимые файлы JS-скриптов и таблицы CSS-стилей. Т.е. первый слайдер собирается очень быстро. Но если вы хотите экзотики для своего web-сайта, то вам следует обратится к документации по MasterSlider.


Повторюсь. Самая отличительная черта MasterSlider от других слайдеров, на мой взгляд , это умением работать со слоями. Слои могут быть разных типов: текст, картинка, видео и hotspot. Вот здесь я вам собрал небольшой пример такого слайдера из шаблона. jQuery-версия. Полюбуйтесь!




Ярлыки: jquery slider webdesign обзор разработка творчество




Самые интересные записи

Методика оценки специальной оценки условий труда
08.11.2013

Дорогие клиенты партнеры и коллеги мы предлагаем Вам для общего пользования методику специальной оценки оценки условий труда . Файл:   методика спецоценка . ...

Ярлыки: Специальная оценка условий труда ЦентрАттЭк
Комментариев нет
Тест-драйв «Мерседес-Бенц» А-класс
15.10.2013

13 октября 2013 года официальные дилеры Mercedes-Benz - «Олимп», «Звезда Невы» и «Авто-Пулково» при поддержке спонсоров Группа компаний «Аркан» и Банк АКБ «Союз» перед Петербургским...


Комментариев нет
Smart Washer SW-15\12B\ в прикуриватель
03.09.2013

Обычная цена:  4500 руб. Цена со Скидкой: 4200 руб. SMART WASHER - Подходит для мойки велосипедов, мотосредств, автомобилей, фургонов, мебели для пикника, обуви и одежды, домашних...

Ярлыки: Smart Washer
Комментариев нет

03.09.2013

...


Комментариев нет
РЫБА
01.09.2013

РЫБА ж. рыбка, рыбочка, рыбушка, рыбица, рыбонька: рыбченка, рыбешка: рыбина (одна), рыбища, водяное животное с холодною алою кровью, жабрами (замест легких), с чешуйчатою или нагою кожею; мечет...

Ярлыки: РЫБА
Комментариев нет
Через год Интернет полностью выйдет из-под контроля США – ICANN
16.12.2015

По словам Михаила Якушева, вице-президента ICANN – корпорации, отвечающей за распределение интернет-адресов и имен по всему миру, через год сеть Интернет полностью выйдет из-под...


Комментариев нет

16.12.2015

...


Комментариев нет
Мазда 5
20.08.2013

Исключительное удовольствие от вождения Уникальная модель Мазда 5 – это не только практичный, универсальный автомобиль многоцелевого назначения. Она совмещает в себе высокие...

Ярлыки: Мазда 5
Комментариев нет

20.08.2013

...


Комментариев нет
Йога для лица
24.06.2013

Заниматься Йогой   – значит не только укреплять тело, восстанавливаться после тяжелого рабочего дня, приводить все системы организма в порядок. Заниматься Йогой – значит привести в...


Комментариев нет

24.06.2013

...


Комментариев нет
Шарапова - самый популярный спортсмен по рейтингу поисковой системы Bing
06.02.2015

Российская теннисистка Мария Шарапова заняла первое место в рейтинге самых популярных спортсменов по количеству запросов в поисковой системе Bing . Отметим также, что в десятку вошли еще...


Комментариев нет

06.02.2015

...


Комментариев нет
Условия проведения аттестации рабочих мест
24.06.2013

Аттестация рабочих мест Аттестация рабочих мест по условиям труда  — комплекс мероприятий, проводимых с целью оценки условий труда на рабочих местах, выявления вредных и опасных...


Комментариев нет
Специальные виды грузов
01.10.2013

Специальные виды грузов - это грузы, требующие наиболее срочной доставки и соблюдения особых условий при перевозке. Классификация специальных видов грузов:  Тяжелые и...


Комментариев нет

Мониторинг доступности сайтаПроверено на вирусыДизайн сайта “СириусВеб”