Установка Jquery плагина


Установка Jquery плагина

Скачать плагин Jquery

Исходный код Button visually impaired


button-visually-impaired/
├── /css
| ├── bvi.css
| ├── bvi.min.css
| └── /less
| ├── btn.less
| ├── bvi.less
| ├── grid.less
| ├── /mixins
| | ├── grid-framework.less
| | └── grid.less
| └── variables.less
├── /fonts | ├── glyphicons-halflings-regular.eot
| ├── glyphicons-halflings-regular.svg
| ├── glyphicons-halflings-regular.ttf
| ├── glyphicons-halflings-regular.woff
| └── glyphicons-halflings-regular.woff2
└── /js
├── bvi-init-panel.js
├── bvi-init-panel.min.js
├── bvi-panel.js
├── bvi-panel.min.js
├── bvi.js
├── bvi.min.js
├── js.cookie.js
├── js.cookie.min.js
├── responsivevoice.js
└── responsivevoice.min.js

Установка плагина


Подключите файл сss в ваш HTML

<link rel="stylesheet" href="assets/css/bvi.min.css" type="text/css">

Подключите файлы js в ваш HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src='assets/css/responsivevoice.min.js?ver=1.5.0'></script>
<script src="assets/css/bvi-init-panel.js"</script>
<script src="assets/css/bvi.min.js"></script>
<script src="assets/css/js.cookie.js"></script>

Инициализация плагина

//link
<a href="#" class="bvi-panel-open">Версия для слабовидящих</a>

//navbar menu
<li><a href="#" class="bvi-panel-open-menu">Версия для слабовидящих</a></li>

Инициализация плагина с настройками

//В файле bvi-init-panel.js измените настройки
jQuery(document).ready(function($) {
$('.bvi-panel-open').bvi('Init', {"BviPanel" : "1", "BviPanelBg" : "white", "BviPanelFontSize" : "12", "BviPanelLetterSpacing" : "normal", "BviPanelLineHeight" : "normal", "BviPanelImg" : "1", "BviPanelImgXY" : "1", "BviPanelReload" : "0", "BviCloseClassAndId" : ".hide-screen-fixed", "BviFixPanel" : "1", "BviPlay" : "1"});
});

Классы CSS

//Класс bvi-hide скрывает содержимое при включении плагина
<div class="bvi-hide">Текст скроется когда включите версию сайта для слабовидящих</div>

Опции Jquery


Настройка по умолчанию Параметры Описание
BviPanelBg white white, black, blue, brown, green Цвета сайта
white - Черным по белому
black - Белым по черному
blue - Темно-синим по голубому
brown - Коричневым по бежевому
green - Зеленым по темно-коричневому
BviPanelFontFamily default default, times default - Без засечек, times - С засечками.
BviPanelFontSize 12 0-50 Размер шрифта от 0 до 50 пунктов.
BviPanelLetterSpacing normal normal, average, big Интервал между буквами
normal - Стандартный
average - Средний
big - Большой
BviPanelLineHeight normal normal, average, big Интервал между буквами
normal - Стандартный
average - Средний
big - Большой
BviPanelImg 1 1 , 0, grayScale Изображения
1 - Включение изображения
0 - Отключение изображения
grayScale - Включение черное-белого изображения
BviPanelImgXY 1 1, 0 Сохранение размера исходного изображения
1 - Включение
0 - Отключение
BviPanelReload 0 1, 0 Перезагрузка страницы
1 - Включение
0 - Отключение
BviPanelCloseText Обычная версия сайта Обычная версия сайта Текст (Название ссылки выключения плагина)
BviCloseClassAndId null null Скрывает класс или ид при включении версии для слабовидящих.
Впишите название class или id через запятую для отключения при включении версии для слабовидящих.
Например: .className1,.className2,#idName1
Правильно вводите название класса или ид иначе плагин не будет работать.
BviFixPanel 1 1, 0 Фиксировать панель настроек вверху страницы
1 - Включение
0 - Отключение
BviFixPanel 1 1, 0 Фиксировать панель настроек вверху страницы
1 - Включение
0 - Отключение
BviPlay 0 1, 0 1 - Включение
0 - Отключение
BviFlash 0 1, 0 1 - Включение
0 - Отключение