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:

Slide move transition
3D Flow move transition
3D wave move transition
Mask move transition
Fade transition
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-версия. Полюбуйтесь!

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

Рабочие места россиян требуют проверки
22.09.2013

Бизнес заложил под себя бомбу. К 1 сентября 2013 года завершится первый пятилетний этап аттестации рабочих мест по условиям труда , о которой обязаны отчитаться все предприятия России....

Ярлыки: Аттестация рабочих мест
Комментариев нет

Лечение ожогов, ран
08.10.2013

Жир колюшки трехиглой впервые широкомасштабно в клинике был применен во время Второй Мировой войны, в военно - медицинских лечебных учреждениях Ленинградского фронта. Войска...

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

Аксессуары Mazda
03.07.2013

Аксессуары Mazda по моделям Представляя собой чрезвычайно выгодное вложение средств в сочетании с традиционно высоким качеством, аксессуары Mazda превращают процесс вождения в чистое...

пн	вт	ср	чт	пт	сб	вс
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

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

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

РЎР°РјС‹Рµ РёРЅС‚РµСЂРµСЃРЅС‹Рµ Р·Р°РїРёСЃРё