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

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

03.03.2015

Рейтинг социальных сетей
Популярность социальных сетей оценивается как доля трафика, генерируемая данной социальной сетью в Рунете.
Адрес и телефон
Всем привет.

Слайдеры прочно вошли в жизнь 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 обзор разработка творчество




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

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

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

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

03.09.2013

...


Комментариев нет
Люстры подвесы производства Alfa
02.09.2013

Фабрика Alfa - это современное светотехническое предприятие, находящееся в Польше. Основное направление – изготовление бытовых осветительных приборов, таких как: люстры, бра, торшеры,...


Комментариев нет
Врач Гинеколог
29.01.2015

Любая женщина знает, что регулярные профилактические визиты к гинекологу помогают в одних случаях - полностью избежать множества проблем с женским здоровьем, в других - выявить патологию...

Ярлыки: Врач Гинеколог
Комментариев нет
Камень Авантюрин
20.11.2013

Камень Авантюрин относится к тонкозернистым просвечивающим кварцитам с включением слюды и минералов, придающих камню мерцающий отлив. Он бывает зеленым, желтым, синим, вишневым. В...

Ярлыки: Авантюрин
Комментариев нет
Совфед заинтересовался сотрудничеством Google с американской разведкой
24.06.2013

Совет Федерации заинтересовался информацией о сотрудничестве  Google ,  Microsoft  и  Facebook  с американской разведкой в рамках программы PRISM. Как сообщает газета "Известия" со ссылкой...


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

24.06.2013

...


Комментариев нет
ЧМ по Мотокроссу 2013 - Гран При Латвии - первый день соревнований
07.07.2013

Победителями квалификаций Гран При Латвии Чемпионата Мира по Мотокроссу 2013 стали голландец Джефрей Херлингс и бельгиец Кен Де Дайкер в классах MX2 и MX1 соответственно. Россияне Евгений...

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

07.07.2013

...


Комментариев нет
Гран При Швеции ЧМ по Мотокроссу 2013 - класс MX1
03.07.2013

Победителем Гран При Швеции Чемпионата Мира по Мотокроссу 2013 в классе MX1 стал итальянец Антонио Кайроли. Россиянин Евгений Бобрышев сошел с дистанции в обоих заездах. В первом...

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

03.07.2013

...


Комментариев нет
Фальцеосадочные станки модели С 1250/С 2100
03.07.2013

Фальцеосадочные станки модели С 1250/С 2100 Описание: Станок предназначен для осаживания "лежачего фальца" либо "Питтсбургского замка". Дополнительная информация: ...


Комментариев нет
Пьяный водитель Mercedes раскидал иномарки в Казани: погибли двое
06.10.2013

Протаранив Mazda , Mercedes смог остановиться после того, как врезался еще в одну припаркованную Mazda. Первая сбитая иномарка, прокрутившись несколько раз вокруг своей оси, сбила указатель и столб с...

Ярлыки: ДТП
Комментариев нет
Немного обо всем: Большая Советская Энциклопедия
07.06.2013

Немного обо всем: Большая Советская Энциклопедия : Первое издание БСЭ 1-е изд. выпущено по постановлению президиума ЦИК СССР (1925) с 1926 по 1947 (Москва, Акционерное общество...


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

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