I'm sorry rnd_me, but that sounded a little rude. Did I miss a post by "november_boy" where he said this was what he was attempting to do ?
I've not tried it, but I can't see why simple HTML would have a problem with doing what you requested. State the width and height as percentages and keep the width the height ratio to the same as the original images.
If your image is 350px by 200px (Width x Height), then the ratio of height to width is 200/350, This simplifies to 4/7 (or 0.57), so if you want the width stretched to 80% then set the height to 80% * 0.57, or 45.6%
slaughters: didn't mean to be gruff.
i just didn't see what a "liquid layout" has to do with the question.
Take your image example.
if my parent container changed size, that 45.6% of the parent's height could be very very wrong.
furthermore, i would have to hand-code each fragile ratio.
If i had a folder of images, that could take quite a while, and each one would have to be mentioned in the HTML.
CSS implementations vary a great degree in capability, applicability, and reliability.
the App var is simple a container to hole the width/height/etc in a uniforma way among all browsers. you can use it in a resize event, or anywhwere for that matter.
i guess you would load it before other code, but i don't think it matters a whole lot.
if you wanted to launch it upon load, call it directly at the bottom of the page in a script tag or external script, say "window.onload=onresize" after loading the code i posted, or call onresize() in a ready() or load() event...
In my website there is a Image banner. so when user come to my website with zoom condition like 120% in google chrome, than that window shows only banner and my product is not coming in that view, so my question is, is there any method to re-size my webpage during zoom. or is there any script to do that.