jQuery Plugin For Multi-column Text Layout - ColumnIt

File Size: 6.73 KB
Views Total: 1102
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Multi-column Text Layout - ColumnIt

ColumnIt is a lightweight jQuery plugin for magazine-style multi-column web content that transforms content of selected element (e.g. paragraphs) into columns. The plugin runs through the content and splits it into defined (or calculated) number of columns.

Basic usage:

1. Add jQuery library, columnit.css, and plugin.columnit.js into your web page.

<link rel="stylesheet" href="columnit.css">
  
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>    
<script src="plugin.columnit.js"></script>

2. Call the function on the desired container to splits the paragraphs into specified number of columns (3 by default).

$(".container").columnIt();

3. Possible options to customize the plugin.

$(".container").columnIt({

  // Number of columns
  column_count:3,   

  // Accurancy of words for splitting paragraphs
  word_accuracy:1,  

  // Optional class added to all colums
  column_class:null

});

This awesome jQuery plugin is developed by julianburr. For more Advanced Usages, please check the demo page or visit the official website.