Wookmark jQuery plugin
Navegando acabei achando esse http://www.wookmark.com/, quem tem um layout bem interessante e descobri que ele disponibiliza um script para poder usar, Olhem abaixo.
Como usa-lo
1 – Faça o download dos arquivos javascript no repositório Github repository.
2 – Incluir o arquivo em seu site (após o include de jQuery).
<script class="hiddenSpellError" type="text/javascript">// <![CDATA[ type</span>="text/javascript" src="jquery.wookmark.js"> // ]]></script>
3 – Executá-lo em seu conteúdo.
<script class="hiddenSpellError" type="text/javascript">// <![CDATA[ type</span>="text/javascript">$('#myContent li').wookmark({offset: 2}); // ]]></script>
4 – Ajuste as opções (são todos opcionais)
- Container -Aa largura deste elemento é usado para calcular o número de colunas, o padrão é “janela”. Por exemplo, $ (‘myContentGrid’). Recipiente também deve ter a propriedade CSS “position: relative”;
- Offset – Distância vertical e horizontal entre os itens, o padrão é 2;
- ItemWidth – Largura de um item de rede única, o padrão é largura do item fornecido primeira.