Для чего нужен данный плагин?

Плагин jFontSize разработан для облегчения процесса созадания широко известных кнопок A+ и A-, которые позволяют менять размер шрифта на сайтах с большим количеством текста, таких как блоги, учебные материалы и так далее.

Данный инструмент также можно исопльзовать на сайтах для увеличения уровня доступности, чтобы люди с проблемами зрения могли лучше воспринимать содержание.

Использование

XHTML
?
1
2
3
4
5
<a id="jfontsize-minus" href="#">A-</a>
<a id="jfontsize-default" href="#">A</a>
<a id="jfontsize-plus" href="#">A+</a>
 
<p class="some-class-name">This text will be resized</p>
CSS
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.jfontsize-button {
    font: bold 12px arial;
    padding: 3px;
    border: solid 1px #ccc;
}
 
.jfontsize-button:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
    border: solid 1px #333;
}
 
.jfontsize-disabled, .jfontsize-disabled:hover {
    color: #aaa;
    border: solid 1px #eee;
    background: #eee;
}
jQuery
?
1
$('.some-class-name').jfontsize();
Вывод Смотрите демонстрацию
A- A A+

Для данного текста будет меняться размер шрифта

Документация

Простое использование
?
1
$('.some-class-name').jfontsize();
Расширенное использование
?
1
2
3
4
5
6
7
8
$('.some-class-name').jfontsize({
    btnMinusClasseId: '#minus-btn',
    btnDefaultClasseId: '#default-btn',
    btnPlusClasseId: '#plus-btn',
    btnMinusMaxHits: 5,
    btnPlusMaxHits: 8,
    sizeChange: 5
});
Атрибут Тип По умолчанию Описание
btnMinusClasseId Класс CSS или Id #jfontsize-minus Определяет класс или id для кнопки уменьшения
btnDeafultClasseId Класс CSS или Id #jfontsize-default определяет класс или id для кнопки обычноного размера
btnPlusClasseId Класс CSS или Id #jfontsize-plus Определяет класс или id для кнопки увеличения
btnMinusMaxHits Integer 10 Определяет, во сколько раз изменяется размер при уменьшении
btnPlusMaxHits Integer 10 Определяет, во сколько раз изменится размер шрифта при увеличении
sizeChange Integer 1 Определяет диапазон изменнения в пикселях
 
Автор Fred Vanelli Перевод: команда проекта RUSELLER.COM