Pinterest boxes jquery plugin
JavaScript
Switch branches/tags
Nothing to show
Latest commit 979fcee Nov 19, 2012 @KaySchneider add new option rowsize
the user can now specific the items he want to show in one column
Permalink
Failed to load latest commit information.
example
source
README Update README Nov 19, 2012

README

jquery plugin pinbox

author: Kay Schneider

version: 1.0 // 2012.11.19

usage:

inlcude one of the files in the js folder and the pinbox.css file into your
file.

Example:

<link href="source/css/pinbox.css" rel="stylesheet">
<script src="/source/js/jquery.js"></script>
<script src="/source/js/jquery.pinbox.min.js"></script>

<script>
  // the simplest way
  $('#wrapperContainer').pinbox();
</script>


A html markup for the above example:

<div style="position:relative" id="categoryProductContainer">
            <div class="span2 pcon  prodcont actioninside new" >

                1

            </div>


            <div class="span2 pcon prodcont actioninside new" >

                2

            </div>

            <div class="span2 pcon higher prodcont actioninside new" >

                3

            </div>

            <div class="span2 pcon prodcont actioninside new" >

                4

            </div>


            <div class="span2 pcon prodcont actioninside new" >

                5

            </div>


            <div class="span2 pcon prodcont actioninside new" >

                6

            </div>


            <div class="span2 pcon prodcont actioninside new" >

                7

            </div>


            <div class="span2 pcon higher prodcont actioninside new" >

                8

            </div>
</div>