Flexible jQuery Plugin For Font Size Controller - RV Font Size

Flexible jQuery Plugin For Font Size Controller - RV Font Size
File Size: 46.5 KB
Views Total: 2485
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

RV Font Size is a flexible and customizable jQuery plugin to create a font size controller on your web page that allows your visitor to alter the font size of your text. RV Font Size also can be integrated with store.js to use localStorage to remember the font size settings even after page reloads.

Related Plugin:

Basic Usage:

1. Include jQuery library and jQuery RV Font Size Plugin on the web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/rv-jquery-fontsize-2.0.3.min.js"></script>

2. Include required RV Font Size Stylesheet on the web page

<link rel="stylesheet" href="css/rvfs.css">

3. Include store.min.js script for code>localStorage support

<script type="text/javascript" src="js/store.min.js"></script>

4. Create a container for the font size controller

<div id="rvfs-controllers" class="fontsize-controllers group"></div>

5. Call the plugin with options

<script type="text/javascript">
$(document).ready(function() { 
$.rvFontsize({
targetSection: '#content .post', // Define in which application section the font size changes have to be reflected.
store: true, // store.min.js required!
variations: 7, // The amount of variations the font size will change. If it's changed to 9, then the default font size css class will be .rvfs-5. It will increase up to .rvfs-9 class and decrease until it reaches .rvfs-1.
controllers: {
appendTo: '#rvfs-controllers',
showResetButton: true
}
}); 
});
</script>

Change log:

v0.2.4 (2014-06-25)


This awesome jQuery plugin is developed by ramonvictor. For more Advanced Usages, please check the demo page or visit the official website.