jQuery plugin: fontSizer
Un nuevo plugin para el grandioso jQuery ha nacido. Por un proyecto en el cual estoy involucrado, era necesario un método parametrizable para manejar aumento/disminución del tamaño de fuentes. Busqué mucho un plugin para esto, y me frustré bastante dado la carencia del ideal, así que gracias a la habilidad del web developer Rodrigo Augosto, surge este nuevo aporte a la accesibilidad web.
Modo de Uso
- Adjuntar jquery.js y jquery.fontSizer.js entre las etiquetas <head></head>
- Definir id’s para ambos links, por ejemplo #aumentar (+) y #disminuir (-)
- Inicializar el plugin, como en el ejemplo:
$(document).ready(function(){
$(‘#aumentar).fontSizer({
action: "up"
});
$(‘#disminuir).fontSizer({
action: ‘down’,
});
}); - Eso es. El único parámetro obligatorio es indicar la acción de cada link mediante action. Los parámetros son:
- action: "up/down" (requerido).
- elements: "elemento" (un id, class o etiqueta donde actuará el cambio de tamaño de fuente).
- increment: número (en cuántos pasos serán el cambio de tamaño; por defecto es de 1 en 1).
- max: número (tamaño máximo del tamaño de fuente; por defecto es 30px).
- min: número (tamaño mínimo del tamaño de fuente; por defecto es 8px).
Por ahora solo ha sido probado con jQuery 1.2.6, pero no debería de tener problemas con versiones desde 1.2+
