Скачать плагин 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

---