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

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 обзор разработка творчество




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

Дышащее покрытие
20.08.2013

Дышащее покрытие – характеристика лакокрасочного покрытия, определяющая способность слоя краски или лака пропускать пары воды, паропроницаемость. Основополагающее свойство для красок...

Ярлыки: Дышащее покрытие
Комментариев нет
Печи камины
03.07.2013

Комплект камина ...


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

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

Ярлыки: Каротиноли-М
Комментариев нет
ParkCity DVR HD 500 (4Gb) - автомобильный видеорегистратор
03.09.2013

Цена: 5500 руб. Артикул: #1329213615 ParkCity DVR HD 500 (4Gb) - автомобильный видеорегистратор Видеорегистратор ParkCity DVR HD 500 обладает всеми преимуществами компактной камеры и...

Ярлыки: ParkCity DVR HD 500 (4Gb) автомобильный видеорегистратор
Комментариев нет

03.09.2013

...


Комментариев нет
Рейтинг поисковых систем
09.01.2014

Каким поисковым системам сегодня отдают предпочтение жители Российской Федерации? В статье предложены свежие результаты статистических исследований. Поисковики –...

Ярлыки: Рейтинг поисковых систем
Комментариев нет

09.01.2014

...


Комментариев нет
Инфракрасное излучение
20.08.2013

Инфракрасное излучение – оптическое излучение с большей длинной волны (либо меньшей частоты, соответственно), чем у видимого излучения и меньшей длинной волны чем у радиоизлучения....

Ярлыки: Инфракрасное излучение
Комментариев нет
Тест-драйв «Мерседес-Бенц» А-класс
15.10.2013

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


Комментариев нет
Настенные часы ”Красота”
19.06.2013

Настенные интерьерные часы Mado ”Красота” MD-032 Кирэйна кото Материал: сосна, полимерная керамика Размер: 46 х 55 см. Производитель:  Mado (Япония) Интерьерные  настенные часы  Mado...


Комментариев нет
Мазда 3 хэтчбек
20.08.2013

Технические характеристики Мазда 3 хэтчбек   1.4 1.6 1.6 AT 2.0 SPORT ДВИГАТЕЛЬ Тип 4-х цилиндровый Расположение Переднее поперечное, с приводом на передние колеса Объем,...

Ярлыки: Мазда 3 хэтчбек
Комментариев нет
Гран При Италии ЧМ по Мотокроссу 2013 - класс MX2
19.06.2013

Победителем Гран При Италии Чемпионата Мира по Мотокроссу 2013 в классе MX2 вновь стал голландец Джефрей Херлингс. Россиянин Александр Тонков упустил шанс попасть на подиум после падения в...


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

19.06.2013

...


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

01.01.1970







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

Правительство РФ одобрило законопроекты о специальной оценке условий труда
14.09.2013

На заседании Правительства РФ одобрены законопроекты, регулирующие проведение специальной оценки условий труда, сообщает пресс-служба Минтруда России. Речь идет о подготовленных...

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

14.09.2013

...


Комментариев нет
Фуршет
12.07.2015

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

Ярлыки: Фуршет
Комментариев нет
"Яндекс" отказывается от ссылочного ранжирования
09.12.2013

В 2014 году " Яндекс " запустит алгоритм ранжирования, который не будет учитывать внешние ссылки. Это обрушит всю SEO-индустрию. "Яндекс" решил радикально бороться с попытками...

Ярлыки: Интернет Новости Интернет Яндекс
Комментариев нет
Выступление Президента Партнерства В.В. Федина на конференции в Самаре
08.11.2013

Выступление Президента Партнерства В.В. Федина на конференции в Самаре. На мероприятии В.В. Федин рассказал об очень острых вопросах рынка  специальной оценки условий труда , про...

Ярлыки: Аттестация рабочих мест Специальная оценка условий труда
Комментариев нет
Специальная оценка условий труда
08.10.2013

Государственной Думой РФ активно обсуждается вопрос создания Федерального Закона «О специальной оценке условий труда». Принятие документа планируется на декабрь текущего года, что...

Ярлыки: Специальная оценка условий труда ЦентрАттЭк
Комментариев нет
На заседании Правительства РФ одобрены законопроекты, регулирующие проведение специальной оценки условий труда
14.09.2013

Специальная оценка условий труда приходит на смену  аттестации рабочих мест . Минтруд России подготовил проекты федеральных законов «О специальной оценке условий труда» и «О...

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

На каждом предприятии должны присутствовать определенные законом нормативные документы по охране труда. Их отсутствие является грубым нарушением трудового законодательства. К ним...

Ярлыки: Нормативные документы по охране труда
Комментариев нет
Китайские производители ставят на кроссовер
10.12.2013

Еще одна китайская марка решила, что на российский рынок лучше всего выходить с кроссовером. Впрочем, первая в России модель компании Changan недолго будет единственной: скоро компанию ей...


Комментариев нет
Мотоцикл
24.04.2013

Мотоцикл Мотоцикл (от лат. motor - приводящий в движение и греч. kýklos - круг, колесо), двух- или трёхколёсное (трицикл) транспортное средство, снабжённое двигателем внутреннего сгорания с...


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

24.04.2013

...


Комментариев нет
Территория бизнеса
16.12.2013

Любой бизнес требует вложений. Хорошо, когда удается инвестировать в развитие из собственных средств. А если нужны заемные? Классические банковские кредиты для малых предприятий слишком...

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

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