基于jquery实现瀑布流布局

本文实例为大家介绍了基于jquery实现瀑布流布局的关键代码，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

使用jquery-1.8.3.min.js，waterfall.js代码如下：

$( window ).load( function(e){
waterfall();
var dataInt = { data: [{ src: 1.jpg },{ src: 2.jpg },{ src: 3.jpg },{ src: 4.jpg }]};
$(window).scroll(function(){
if( checkscrollside() ){
$.each( dataInt.data, function(index,value){
var $oPin = $(