—»     —»   11 невероятных jQuery-плагинов для создания туров по сайту
  Раздел: Тематические обзоры   Нет комментариев  

11 невероятных jQuery-плагинов для создания туров по сайту



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

Существуют инструменты, которые помогают нам проанализировать это при помощи A/B-тестов – это помогает повысить уровень удобства использования вашего сайта.

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

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

01. Intro.js

11 невероятных jQuery-плагинов для создания туров по сайту

Миниатюрный плагин, который использует атрибуты данных, и предлагает поддержку навигации посредством клавиатуры.

Плагин позволяет привлекательно фокусироваться на объектах, и его довольно просто настроить.

02. aSimpleTour

11 невероятных jQuery-плагинов для создания туров по сайту

aSimpleTour использует JSON-данные для всех конфигураций и контента.

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

03. Pageguide.js

11 невероятных jQuery-плагинов для создания туров по сайту

Pageguide.js предлагает довольно удобный метод организации туров по сайту.

Этапы тура подсвечиваются, а «липкие» подвал и шапка позволяют переходить по этапам, и предоставляют дополнительную информацию о каждом этапе.

04. Joyride

11 невероятных jQuery-плагинов для создания туров по сайту

Довольно приятный плагин, разработанный талантливой командой ZURB.

Плагин настраивается при помощи атрибутов данных, и отлично работает в адаптивных шаблонах.

05. Website Tour

11 невероятных jQuery-плагинов для создания туров по сайту

Простой, но очень удобный плагин, где все детали и контент определяются при помощи JS.

Здесь также присутствуют опции изменения цвета и расположения подсказок.

06. Bootstro.js

11 невероятных jQuery-плагинов для создания туров по сайту

Это Bootstrap-версия плагина Intro.js.

07. Bootstrap Tour

11 невероятных jQuery-плагинов для создания туров по сайту

Этот jQuery-плагин для создания туров по сайту подгружает контент внутрь Bootstrap Popovers.

Этапы тура и контент определяются в javascript, и имеют множество опций для настройки оформления и образа действий.

08. jQuery Site Tour

11 невероятных jQuery-плагинов для создания туров по сайту

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

P.S.: на момент написания этого текста, в демо-версии встречались некоторые ошибки.

09. jQuery TourBus

11 невероятных jQuery-плагинов для создания туров по сайту

Плагин был написан при помощи CoffeeScript, и оформлен стилями при помощи Less + CSS.

jQuery TourBus отлично поддается настройке, и позволяет вам отображать этапы один за другим вручную, либо при помощи автоматического воспроизведения.

Здесь также есть функции получения текущего этапа или отображения какого-то конкретного этапа (а также навигация при помощи prev-next).

10. Trip.js

11 невероятных jQuery-плагинов для создания туров по сайту

Этапы и контент туров определяются при помощи javascript.

Здесь представлен полноценный АПИ, функции обратного вызова, поддержка клавиатуры, а также опции настройки внешнего вида тура.

11. Crumble

11 невероятных jQuery-плагинов для создания туров по сайту

Несколько альтернативный вариант для организации туров по вашему сайту.

Crumble использует интерфейс с облачками, где все этапы определяются в нумерованном списке (что положительно сказывается на доступности).
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Design FactoRy   Прочитано (раз): 9123   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица США
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930