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+
Sobre el Autor: Jorge Epuñan
Soy quien escribe en este sitio: diseñador gráfico de profesión, desarrollador web por preferencia y amante de la interacción humano-computador. Cuando no pienso en web, salgo a trotar por mis barrios en Santiago, Chile o me junto con amigos a un bar a conversar sobre nuevas tendencias y tecnologías. Twitter profesional y personal, además del Contacto.
Carlos Leopoldo
08 / Agosto / 2008
Rodrigo Augosto
08 / Agosto / 2008
fearlex
15 / Agosto / 2008
Jose Miguel
17 / Marzo / 2010
Nuevo
08 / Junio / 2010
Nuevo
08 / Junio / 2010
Jorge Epuñan
08 / Junio / 2010
Nacho
19 / Mayo / 2011