Исходный код 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 - Отключение |
Контакты
По всем вопросам пишите на почту oleg@isvek.ru или icq: 6855564
Виджет