Contenido

jQuery.multicol(), dale columnas a tu texto

26 nov

+ 10

A la espera de la especificación CSS3 y que los navegadores las implemente perfectamente, si queremos convertir en columnas nuestro contenido tenemos que usar herramientas como jQuery.multicol().

jquerymulticol

Instalación

La instalación es similar a la de cualquier componente desarrollado en Javascript, simplemente hemos de llamar al fichero que lo contiene en nuestro <head />

<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/multicol.min.js"></script>

Una vez cargado el contenido, debemos indicar que elemento será el que convertiremos en multicolumnas, para ello usaremos la selección CSS3 de jQuery.

$(document).ready(function(){
	$("selector").multicol({colNum: 3, colMargin: 20});
});

Como podemos ver, tenemos 2 parámetros que podemos pasarle a la función multicol()

  • colNum: Número de columnas en las que debe cortarse el texto.
  • colMargin: Margen en píxeles que separará las columnas.

Descargar

[Descargar]

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.