While Intermedia Fotoficient provides dynamic image sizes on the fly, using this new won flexibility within HTML seems not so easy.
We introduced a new attribute into the <img> tag. xim. In this attribute, the size for the resulting image is described much more flexible than static HTML allows.
See these examples:
xim="width:parent"
xim="width:500;height:parent-200"
xim="width:50%"
xim="width:#myid"
An included javascript code, traverses the DOM, identifies all
<img> tags with the xim attribute
and exchanges the src-attributes according to
the formula.
A web crawler, agnostic to the HTML context and javascript, will only receive transparent images.
no xim attribute
xim attribute set to the size of this textbox (myid)
xim attribute set to 150 + 100
xim attribute set to parent - 100
xim attribute set to 70%