jQuery плагин для отображения QR кодов для ссылок

Для начала коротко о том, что такое QR-код и зачем он нужен. QR-код — двухмерный штрихкод, разработанный в 1994 году. Аббревиатура QR от англ. quick response, что переводится как «быстрый отклик». Основное достоинство QR-кода — это легкое распознавание сканирующим оборудованием (в том числе и фотокамерой мобильного телефона), что дает возможность использования в торговле, производстве, логистике.

В один QR-код можно уместить:

  • 7089 цифр
  • 4296 цифр и букв включая кириллицу
  • 2953 байт
  • 1817 иероглифов

Наибольшее признание он получил среди пользователей мобильной связи – установив программу-распознаватель, абонент может моментально заносить в свой телефон текстовую информацию, добавлять контакты в адресную книгу, переходить по web-ссылкам, отправлять SMS-сообщения.

Итак, теперь, думаю, понятно что такое QR-код. Возвращаемся к теме поста — jQuery плагину.
Плагин называется qrTip и при подключении преобразует ссылки в QR-код, который с легкостью можно считать с помощью камеры мобильного телефона. Удобно, когда нужно открыть какую-то понравившуюся ссылку на любимом смартфоне. Ну а для владельцев сайтов телефонной и смартфонной тематики такой плагин просто обязателен к подключению и использованию.
Использование плагина qrTip предельно просто:

  1. <script src="qrtip-1.0-jquery.js"></script>
  2. <link href="qrtip-1.0-jquery.css" rel="stylesheet" />
  3. $(document).ready(function() {
  4.     jQuery('a').qr();
  5. });

Файл с плагином, файл со стилями и применение плагина к набору элементов. Все просто.
Ну и напоследок — ссылка для скачивания на плагина qrTip. Пример работы тут.

Запись опубликована в рубрике JS & jQuery с метками , . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">