packery
Version:
bin-packing layout library
45 lines (37 loc) • 1.11 kB
JavaScript
( function( window ) {
;
window.appendRandomSizedItems = function( container ) {
var frag = document.createDocumentFragment();
var item;
for ( var i=0; i < 9; i++ ) {
item = document.createElement('div');
item.className = 'item';
var w = Math.floor( Math.random() * Math.random() * 70 ) + 10;
var h = Math.floor( Math.random() * Math.random() * 70 ) + 10;
item.style.width = w + 'px';
item.style.height = h + 'px';
frag.appendChild( item );
}
// last one isn't random, but is needed for checking
// bigger than colum width and stuff
item = document.createElement('div');
item.className = 'item';
item.style.width = '72px';
item.style.height = '25px';
frag.appendChild( item );
container.appendChild( frag );
};
// trigger next function if then flag has been set
window.after = function( then, nextFn ) {
// if ( then ) {
// nextFn();
// } else {
setTimeout( nextFn, 20 );
// }
};
window.gimmeAnItemElement = function() {
var elem = document.createElement('div');
elem.className = 'item';
return elem;
};
})( window );