ska: unmasked interrupts
Friday, 18. June 2010

HTML and dynamic image sizes

The img tag in HTML is one of the oldest tags. But it is somewhat limited in its ability to talk to a web server.
The URL points to a ressource, that hopefully resolve to an image file, the browser understands.

But in this communication, there is no space for the additional information, the browser reads from the tag as well: width and height modifications according to percent values or inherited by style information.
With our new product Intermedia, we introduced a new attribute to this tag, which we called xim.
xim takes some more freely formulated instructions for sizing the image, recalculates the URL according to this new information and exchanges the image on the fly.

xim="width:parent"
xim="width:500;height:parent-200"
xim="width:50%"
xim="width:#myid"

Of course we introduced an additional javascript part, that is responsible for this transformation and a dummy handler within intermedia, that always starts with a transparent image file - waiting to be exchanged with the right-sized image.
Take a look.

... read more stories on the topic pixel

... permalink... comment  ...xml version of this page

Online for 924 days
Last update: 2010.09.01, 12:35
... home
... about
... news feeds
search
 
status
You're not logged in ... login
tweets
unmasked links of interest
Anonymous Pro
Anonymous Pro (2009) is a family of four fixed-width fonts designed especially with...
Lawsuit: Disney, others spy...
Ars Technica: A flash based tracking cookie resists deletion and is aimed on kids...
Mana Bar :: Australia's First...
Australias first video game bar - Princess Peach never before looked that tempting
You're Doing It Wrong - ACM...
You're Doing It Wrong Think you've mastered the art of server performance?...
Facebook's Eroding Privacy...
To help illustrate Facebook's shift away from privacy, the Electronic Frontier...
Amazon.com: Contech Electronics...
When you listed your product on Amazon, be aware of user generated content, especially...
Improving download behaviors...
The confusing and inconsistent state of downloading files using a web browser has...
Employers: Look to gaming...
Clearly defined goals and fair, incremental rewards are two game design techniques...
Edge 313
David Gelernter: Time to start taking the internet seriously
Linguistic profiling: The...
Speakers with German accents ? even if they stumble into grammatical errors ? are...
more unmasked links...
unmasked recent updates
Nice
As I can see, my recommendation concerning ImgPro is...
by nie (2010.09.01, 12:35)
Intermedia Fotoficient...
A few things happened backstage, that involved releasing...
by ska (2010.08.31, 13:40)
...
Et voila.
by ska (2010.08.30, 17:24)
Flexible layouts
by ska (2010.08.27, 13:33)
Intermedia Fotoficient...
And while we're on it, we provided a functional facelift...
by ska (2010.08.26, 16:38)
menu
... home
... topics
... galleries

... Pixelbloxx home
calendar
June 2010
Mon
Tue
Wed
Thu
Fri
Sat
Sun
 
 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
11
12
13
14
15
16
17
21
22
23
24
25
26
27
28
29
30
 
 
 
 
 

xml version of this page

made with antville

XING