frequency decoder

Trials and tribulations

The above image has a true size of 640 × 480 pixels but should rescale to fit it’s parent containers width (set as width:50%; within the embedded CSS). Try resizing the browser window to see the script in action.

Internet Explorer fires the onresize event lots more than Firefox or Mozilla which makes the resize animation more fluid. It also seems to require the parent element to have overflow:hidden; defined within the CSS (it doesn’t seem to have any effect when set using javascript).

An extremely quick and untested experiment to say the least but something that may be of use to those of you using percentage/em based layouts…