Simple Pinterest Like Grid Layout Plugin - Pinbox

Simple Pinterest Like Grid Layout Plugin - Pinbox
File Size: 86.3 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Pinbox is a simple and fast jQuery plugin that allows you to quickly create a dynamic grid layout similar to pinterest waterfall flow view display format.

You might also like:

Basic Usage:

1. Include jQuery library and pinbox.js on your web page

<script src="../source/js/jquery.js"></script>
<script src="../source/js/jquery.pinbox.min.js"></script>

2. Include necessary CSS files to style your layout

<link href="css/bootstrap.css" rel="stylesheet">
<link href="../source/css/pinbox.css" rel="stylesheet">

3. Markup html structure

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

...

</div>

4. Call the plugin

<script>
$(document).ready(function () {
     $('#categoryProductContainer').pinbox().hide(0).fadeIn(1000);
});
</script>

More Examples:


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