Puntos suspensivos con jQuery DotDotDot

Hoy vamos a ver algo muy útil, cuando estamos maquetando con CSS a veces puede interesarnos hacer que el texto que sobresale de una caja siga estando presente en la web y ademas se ajuste a los diferentes tamaños que pueda tener dicha caja.

Para ello veremos como poner puntos suspensivos con jQuery DotDotDot.

Descargamos e incluimos los ficheros JavaScript dentro de la etiqueta head del HTML.

<head>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="jquery.dotdotdot.js" type="text/javascript"></script>
</head>

Imaginemos que tenemos un div con el id «caja» con texto que se sale del mismo, porque el tamaño de la caja es limitado.

<div id="caja">
    <p>Lorem Ipsum is simply dummy text.</p>
</div>

Lanzamos el plugin para ese id.

$(document).ready(function() {
    $("#caja").dotdotdot({
        // configuración
    });
});

Más información:
http://dotdotdot.frebsite.nl/

Víctor Robles WEB

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post