|
|
@ -30,20 +30,6 @@ category: demos |
|
|
|
|
|
|
|
|
|
|
|
{% include random-sizes.js %} |
|
|
|
{% include random-sizes.js %} |
|
|
|
|
|
|
|
|
|
|
|
// toggle variable sizes of all elements |
|
|
|
|
|
|
|
$('#toggle-sizes a').click(function(){ |
|
|
|
|
|
|
|
$container |
|
|
|
|
|
|
|
.toggleClass('variable-sizes') |
|
|
|
|
|
|
|
.isotope('reLayout'); |
|
|
|
|
|
|
|
return false; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// change size of clicked element |
|
|
|
|
|
|
|
$container.find('.element').click(function(){ |
|
|
|
|
|
|
|
$(this).toggleClass('large'); |
|
|
|
|
|
|
|
$container.isotope('reLayout'); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$container.isotope({ |
|
|
|
$container.isotope({ |
|
|
|
itemSelector: '.element', |
|
|
|
itemSelector: '.element', |
|
|
|
masonry : { |
|
|
|
masonry : { |
|
|
@ -51,6 +37,8 @@ category: demos |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% include change-sizes.js %} |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|