🚀 go-pugleaf

Don is not mistaken. The lowsrc idea is admittedly a magic feather. Any site visitor needing the feature is probably on dial-up, using a 10 year old Netscape browser.

We'd produce a similar effect today with CSS layering.

<style type="text/css" media="screen"><!--
#header { background-image: url(header2a.jpg); height: 414px; width: 950px; left: 5px; top: 5px; position: absolute; z-index: 2; visibility: visible; }
#headerlow { background-image: url(header2a_low.jpg); height: 414px; width: 950px; left: 5px; top: 5px; position: absolute; z-index: 1; visibility: visible; }
--></style>

...

<div id="header"></div>
<div id="headerlow"></div>

The smaller image will load first and then be covered by the larger image once it has loaded.

And supposing that you prefer tables over CSS, you can still achieve this technique by placing the low quality image as the cell background image and then place the high quality image as the cell content.