Установка Jquery
Установка плагина Jquery
Подключите файл сss в ваш HTML
<link rel="stylesheet" href="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='responsivevoice.min.js?ver=1.5.0'></script>
<script src="bvi-panel.min.js"></script>
<script src="bvi.min.js"></script>
<script src="js.cookie.js"></script>Инициализация плагина по умолчанию
<a href="#" class="bvi-panel-open">Версия для слабовидящих</a>$('.bvi-panel-open').bvi('init'); // Инициализирует панель c настройками по умолчанию.Инициализация плагина с пользовательскими настройками
<a href="#" class="bvi-panel-open">Версия для слабовидящих</a>$('.bvi-panel-open').bvi('init', {'BviPanelBg' : 'black', 'BviPanelFontSize' : '14', 'BviPanelImg' : 'grayScale'}); //Инициализирует панель с вашими настройками.Инициализация плагина в меню
<li class="bvi-panel-open-menu"><a href="#">Версия для слабовидящих</a></li>Опции Jquery
| Настройка по умолчанию | Параметры | Описание | |
| BviPanel | 1 | 1, 0 |
1 - Включение
0 - Отключение |
| BviPanelBg | white | white, black, blue, brown, green |
Цвета сайта
white - Черным по белому black - Белым по черному blue - Темно-синим по голубому brown - Коричневым по бежевому green - Зеленым по темно-коричневому |
| BviPanelFontFamily | arial | arial, times | Шрифт arial - Arial, sans-serif times - "Times New roman", serif |
| BviPanelFontSize | 14 | 14, 16, 18, 20, 23 |
Размер шрифта
14 - Размер шрифта 14 пикселя 16 - Размер шрифта 16 пикселя 18 - Размер шрифта 18 пикселя 20 - Размер шрифта 20 пикселя 23 - Размер шрифта 23 пикселя |
| 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 | Обычная версия сайта | Обычная версия сайта | Текст (Название ссылки выключения плагина) |
| BviThemes | default | default, 1, white, black, blue, brown, green |
Тема панели
default - По умолчанию 1 - Тема панели меняется с цветом сайта white - Черным по белому black - Белым по черному blue - Темно-синим по голубому brown - Коричневым по бежевому green - Зеленым по темно-коричневому |
| BviCloseClassAndId | null | null |
Скрывает класс или ид при включении версии для слабовидящих.
Впишите название class или id через запятую для отключения при включении версии для слабовидящих. Например: .className1,.className2,#idName1
Правильно вводите название класса или ид иначе плагин не будет работать. |
| BviFixPanel | 1 | 1, 0 |
Фиксировать панель настроек вверху страницы
1 - Включение 0 - Отключение |
Версия для слабовидящих