Wookmark jQuery plugin

jquery-plugin-example

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.

Fonte: http://www.wookmark.com/jquery-plugin

Deixe sua resposta