Useful Mootools class for resize DOM elements.
JS:
var sizer = new uSizer();
sizer.setParent($('parent'));
sizer.setChild($('child'));
sizer.crop(0,0);
sizer.setParent($('parent2'));
sizer.setChild($('child2'));
sizer.centerCrop();
sizer.setParent($('parent3'));
sizer.setChild($('child3'));
sizer.centerCropResize();
HTML :
<div id="parent">
<div id="child" class="box">Child !</div>
</div>
<div id="parent2">
<div id="child2" class="box">Child !</div>
</div>
<div id="parent3">
<div id="child3" class="box">Child !</div>
</div>
Public Methods :
uSizer.setParent()
uSizer.setChild()
uSizer.resizeToHeight()
uSizer.resizeToWidth()
uSizer.getPropWidth()
uSizer.getPropHeight()
uSizer.scale()
uSizer.crop()
uSizer.centerCrop()
uSizer.centerCropResize()
Released under MIT Licence