senti usa questo:

codice:
<div style="border:#000000 1px solid; padding:10px; width:500px; height:200px;">
<div id="miniatura" style="width:300px; float:right;">[img][/img]</div>
<select onchange="foo(this.options[this.selectedIndex].value);" size="3">
<option value="http://forum.html.it/forum/images/avatars/tao2.gif">Immagine 1</option>
<option value="http://utenti.html.it/common/img/logo_forum.gif">Immagine 2</option>
<option value="http://affaritaliani.libero.it/static/upll/sofi/sofia-vergara-051.jpg">Immagine 3</option>
</select>
</div>

<script>
function foo(href){
document.getElementById('miniatura').removeChild(document.getElementById('miniatura').getElementsByTagName('IMG')[0]);
var i=document.createElement('IMG');
document.getElementById('miniatura').appendChild(i);
i.src=href; i.style.display=(document.all)?'block':'none'; i.onload=function(){foo2(this);}
}

function foo2(i){
i.style.display='block';
var h=i.height; var w=i.width;
if(!document.all)i.style.display='none';
if(h>200){
i.style.height='200px';
i.style.width=(w*200/h)+'px';
}
i.style.display='block';
}
</script>
a parte che almeno non conserva l'ultimo dimensionamento... ma poi ovvia ad un problema con IE che non legge le dimensioni delle immagini se il display è none, e di FF che mostra le immagini flashanti quando le ridimensiona se il display NON è settato a none. Gioie dei browser.