Waterfall Stream JavaScript

Window.onload=function () {

Waterfall ("Container", "box");

var imgdata={"Data": [{"src": "1.jpg"},{"src": "2.jpg"},{"src": "3.jpg"},{"src": "4.jpg"},{"src": "5.jpg"},{"src": "6. JPG "},{" src ":" 7.jpg "}]};

Window.onscroll=function () {

if (Checkflag ()) {

var Cparent=document.getelementbyid ("container");

for (Var i=0;i

var ccontent=document.createelement ("div");

Ccontent.classname= "box";

Cparent.appendchild (ccontent);

var boximg=document.createelement ("div");

Boximg.classname= "Box_img";

Ccontent.appendchild (BOXIMG);

var img=document.createelement ("img");

Img.src= "img/" +IMGDATA.DATA[I].SRC;

Boximg.appendchild (IMG);

}

Waterfall ("Container", "box");

}

}

}

function Checkflag () {

var Cparent=document.getelementbyid ("container");

var ccontent=getchildelement (cparent, "box");

var lastcontentheight=ccontent[ccontent.length-1].offsettop;

var Scrolltop=document.documentelement.scrolltop | | Document.body.scrollTop;

var pageheight=document.documentelement.clientheight| | Document.body.clientHeight;

if (lastcontentheight<scrolltop+pageheight) {

return true;

}

}

function Waterfall (parent,content) {

var Cparent=document.getelementbyid (parent);

var ccontent=getchildelement (cparent,content);

var imgwidth=ccontent[0].offsetwidth;

var num=math.floor (document.documentelement.clientwidth/imgwidth);

cparent.style.csstext= "width:" +imgwidth*num+ "px;margin:0 auto";

var boxheightarr=[];

for (Var i=0;i<ccontent.length;i++) {

if (i<num) {

Boxheightarr[i]=ccontent[i].offsetheight;

}else{

var minheight=math.min.apply (Null,boxheightarr);

var minindex=getminheightlocation (boxheightarr,minheight);

ccontent[i].style.position= "Absolute";

ccontent[i].style.top=minheight+ "px";

ccontent[i].style.left=ccontent[minindex].offsetleft+ "px";

Boxheightarr[minindex]=boxheightarr[minindex]+ccontent[i].offsetheight;

}

}

}

function Getminheightlocation (boxheightarr,minheight) {

for (var i in Boxheightarr) {

if (boxheightarr[i]==minheight) {

return i;

}

}

}

function GetChildElement (parent,content) {

var contentarr=[];

var allcontent=parent.getelementsbytagname ("*");

for (Var i=0;i<allcontent.length;i++) {

if (allcontent[i].classname==content) {

Contentarr.push (Allcontent[i]);

}

}

return Contentarr;

}

Waterfall Stream JavaScript