> <img id="dumb" src="imagename.jpg">
*If* your images all have relative src and all other URIs are
absolute, an offbeat workaround: add a BASE element to your HEAD --
new Element('base',{
'id':'mybase'
,'href':'http://server/url_that_always_returns_transparent.gif'
} ).inject($('myhead'));
or just
<base href="http://server/url_that_always_returns_transparent.gif"; />
if you don't care about PE
-- then all of your relative src attributes will load the transparent
gif (cached after first hit, o'course).
Then remove the BASE el on domready. Change the src of any img and it
will reload from its real location.
But of course this too requires, however minimal, a change to the
markup before the first image is loaded. Just the way it goes.
-- S.
![http://server/url_that_always_returns_transparent.gif"](http://server/url_that_always_returns_transparent.gif"){kind=link}