jQuery plugin: fontSizer, aumento/disminución del tamaño de fuentes

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.

Ver ejemplo

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+

Descargar ejemplo y JS

Fuente: csslab

Te gusto? entonces compártelo:

Códigos, JQuery, Programación

Esta entrada fue escrita el 10 octubre, 2011, 10:27 PM y archivada en Artículos, jQuery, Recursos, Tutoriales. Puedes seguir las respuestas en esta entrada a través de RSS 2.0. Puede dejar una respuesta, o hacer trackback desde su propio sitio.