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 1438 days
Last update: 2011.07.19, 22:24
... home
... about
... news feeds
search
 
status
You're not logged in ... login
unmasked links of interest
What if ?Gamification? Meant...
Seeing some of the new games out for the holidays this year has reminded me of what...
T-Mobile JavaScript comment...
Attempts by T-Mobile to speed up mobile data connections are breaking websites. The...
LexisNexis open sources code...
HPCC Systems, the division of LexisNexis Risk Solutions dedicated to big data, has...
Standards - ColourWiki
There are several standards connected with color management. Some technical standards...
Alice.js
Alice.js - (A Lightweight Independent CSS Engine) is a micro JavaScript library focused...
Creating Triangles in CSS...
Jon Rohan: I've come across a few techniques and tips in my career, while working...
Facebook Wins ?Worst API?...
A survey of over 100 developers, previously posted here on Hacker News, aimed to...
DIY Spy Drone Sniffs Wi-Fi,...
Launch your personal, specially equipped WASP drone ? short for Wireless Aerial Surveillance...
OpenSocial 2.0: Will key new...
Introducing OpenSocial 2.0 Now in 2011, OpenSocial has the largest revision coming...
Improving DOM Performance...
This article will look into four ways to update game objects in the DOM to find which...
more unmasked links...
unmasked recent updates
JSONP image data and...
With the new release of Intermedia Fotoficient we supplied...
by ska (2011.06.28, 10:23)
Intermedia Fotoficient...
After three months we finally released a new version...
by ska (2011.06.28, 10:22)
Researching the DAM Market
Recently published research puts a spotlight on the...
by ska (2011.06.01, 12:29)
Bookmarklets are kinda...
Copy the following link to your bookmarks: Intermedia...
by ska (2011.04.20, 12:50)
Why mobile ecommerce...
The New York Times has an interesting piece about retailers...
by ska (2011.04.20, 11:22)
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

eee

XING