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][1]{.verejemplo}

Modo de Uso⌗

  1. Adjuntar jquery.js y jquery.fontSizer.js entre las etiquetas
  2. Definir id’s para ambos links, por ejemplo #aumentar (+) y #disminuir (-)
  3. Inicializar el plugin, como en el ejemplo:
$(document).ready(function(){<br />
    $("#aumentar").fontSizer({<br />
       action: "up"<br />
    });<br />
    $("#disminuir").fontSizer({<br />
       action: "down",<br />
    });<br />
});

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 (.zip)][2]{.bajar}

[1]: http://www.csslab.cl/ejemplos/fontsizer/index.html “Enlace en CSSLab a “Ejemplo jQuery fontSizer”” [2]: http://www.csslab.cl/ejemplos/fontsizer/jquery.fontSizer.zip