SummArg | Cursos y recursos para webmasters

21/01/2011

Ajustar el tamaño del texto a un DIV animado con jQuery

BigText es un plugin para jQuery que detecta el ancho variable de un DIV y adapta el tamaño del texto que encuentre en su interior, sin importar de que fuente se trate ni del tamaño original de la misma. Trabaja perfectamente con el servicio de Google Fonts.

Para implementarlo debemos descargar los archivos y linkeamos bigtextWizard.js y bigtextWizard.css a nuestro documento, así como jQuery. Luego creamos un div que contendrá el texto modificable:

<div id="bigtext" style="width: 300px">
    <div>The elusive</div>
    <div>BIGTEXT</div>
    <div>plugin exclusively</div>
    <div>captured on film</div>
</div>

Inicializamos el plugin.

<script type="JavaScript">
$('#bigtext').bigtext();
</script>

Visto en Kabytes

Demo | Descargar

Dejar un comentario