[jQuery] Font Sizer Plugin
Hi made a little plugin that handles resizing the font on a page. Only thing
it relies on is that you have fonts set by em on you page or ?20The plugin
requires jquery and the cookies plugin.Feedback would be appreciated. On
anything. Cheers.To use simply Initialise it like
so:$(document).ready(function() {var options = { min: -1, max:
2};//Initialize the font sizer for the
site.$.FontSizer.Init(options);});Then have the link for call
$.FontSizer.IncreaseFontSize(); and for - call
$.FontSize.DecreaseFontSize();CODE------------------------/*** Purpose: Font
sizer class, handles increasing and decreasing font size of a page. *It
increases the font in 100increments. By getting the level / 10 1. i.e.
level 2 is .2 1 so 1.2 or 120?* Requires:JQuery and the JQuery cookies
plugin.** Use:Setup the fontsizer $.FontSizer.Init(options); the two options
are min and max, for the min level and max level.*Defaults are min: -3 and
max: 5.** Author: Stefan Sedich (stefan.sedich@gmail.com*/$.FontSizer = {
level: 0,options : {min: -3,max: 5},Init : function(options)
{if(options)$.FontSizer.options = $.extend($.FontSizer.options,
options);//Get the current level from cookies.var level =
($.cookie('font_level') != null) ? $.cookie('font_level') : 0;//Set the font
size to the current leve.$.FontSizer.SetFontSize(level);},IncreaseFontSize :
function() {if(($.FontSizer.level) 1 <= $.FontSizer.options.max) {//If we
have not exceded the max level,//Get the next level and the set the size to
this level.var next = (parseInt($.FontSizer.level)
1);$.FontSizer.SetFontSize(next);}},DecreaseFontSize : function() {
if(($.FontSizer.level - 1) >= $.FontSizer.options.min) {//If we have not
exceded the min level,//Get the next level and the set the size to this
level.var next = (parseInt($.FontSizer.level) -
1);$.FontSizer.SetFontSize(next);}}, SetFontSize: function(level) {//Set the
current level in the member variable and the cookie.$.FontSizer.level =
level;$.cookie('font_level', level);//Work out the new em value and set
it.var level = (level / 10) 1;$("body").css("fontSize", level "em");}};
--
View this message in context: http://www.nabble.com/Font-Sizer-Plugin-tf3564245s15494.html#a9955519
Sent from the jQuery Plugins mailing list archive at Nabble.com.