Si suelen leer periódicos Online, seguramente habrán notado que la gran mayoría de ellos nos brinda en cada uno de los artículos que leemos, la opción para ampliar el texto, función que podemos utilizar en caso de desearlo. Si bien utilizo los Periódicos como referencia, ya que es por lo general donde suelo verlos, no significa que solo deba utilizarse cada vez que llevemos adelante este tipo de proyectos (Periódicos). Si deseamos facilitar la lectura de cada uno de nuestros usuarios, no sería mala idea comenzar a implementar este tipo de opciones en nuestros blogs o web empresariales. Justamente hoy recordé que Mauricio había realizado un simple tutorial (el cual busque hasta encontrar), muy fácil de seguir, que les permitirá llevar esta idea a sus proyectos online.
- Mas info Infectedfx
- Ver Demo
- Descarga Tutorial Completo
Uso:
Realizar las llamadas a los script
<script language="javascript" src="js/dw_sizerdx.js" type="text/javascript"></script>
Seleccionamos que partes (DIV) son las que queremos que se modifique el tamaño del texto.
dw_fontSizerDX.setDefaults( "px", 11, 11, 14, ['div.post p' , 'blockquote'] );
dw_fontSizerDX.set(10, 10, 10, ['div#fontSize'] );
dw_fontSizerDX.init();
</script>
Agregamos los Botones
<ul>
<li id="more"><a href="#" onClick="dw_fontSizerDX.adjust(1); return false" title="Aumenta el tamaño de texto"> Aumentar tamaño </a></li>
<li id="less"><a href="#" onClick="dw_fontSizerDX.adjust(-1); return false" title="Disminuye el tamaño de texto">Disminuir tamaño</a></li>
</ul>
</div>
2 Comentarios por usuarios
gracias por los recursos,
Excelente gracias !!