RV Font Size jQuery Plugin

RV Font Size jQuery Plugin is an easy and flexible jquery plugin to give font size accessibility control.

Features

• Create your own controllers html template (increase, decrease and default buttons);
• Font size settings can be remembered even after page reloads (via localStorage);
• Create your own font size style for each variation by editing the .fvfs-* classes on css/fvfs.cssfile.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="css/rvfs.css" />
<script type="text/javascript" src="js/store.min.js"></script><!-- store plugin required if "store : true"!  -->
<script type="text/javascript" src="js/rv-jquery-fontsize.min.js"></script>

2. HTML

 <div id="content" class="outro outro2">
	<div id="rvfs-controllers" class="fontsize-controllers group"></div>
	<div class="post">
		<p>Aliquam sed luctus turpis.</p>
		<ul>
			<li>Aliquam sed luctus turpis. Proin nisi ligula, elementum eget</li>
			<li>Aliquam sed luctus turpis. Proin nisi ligula, elementum eget</li>
			<li>Aliquam sed luctus turpis. Proin nisi ligula, elementum eget</li>
			<li>Aliquam sed luctus turpis. Proin nisi ligula, elementum eget</li>
		</ul>
		<p>Maecenas mi augue, gravida at hendrerit eu, tincidunt at lectus.</p>
	</div>
</div>

3. JAVASCRIPT

$(document).ready(function() { 
    $.rvFontsize({
        targetSection: '#content .post',
        store: true, // store.min.js required!
        controllers: {
            appendTo: '#rvfs-controllers',
            showResetButton: true
        }
    }); 
});

4. OPTIONS

template: '<div class="btn-group">' +
                '<a href="#" class="rvfs-decrease btn">A-</a>' +
                '<a href="#" class="rvfs-reset btn">A</a>' +
                '<a href="#" class="rvfs-increase btn">A+</a>' +
             '</div>'