codice:
<div style="border:#000000 1px solid; padding:10px; width:500px; height:200px;">
[img][/img]
<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){
var i=document.getElementById('miniatura');
i.src=href;
}

function foo2(i){
i.style.display='block';
if(i.height>200){
i.height=200;
i.width=((i.width*200)/i.height);
};
}
</script>
c'è solo da riadattare il layout alle tue esigenze, ma per quello basta il css e semmai alterare ilvalore 200 in foo2()