Опоздал, но пусть будет).
<style>
#myImg {width: 0px; height: 0px}
#myDiv img {width: 10%; height: 10%}
</style>
<div id="myDiv">
<img src="http://javascript.ru/forum/image.php?u=17648&dateline=1338577823">
<img src="http://javascript.ru/forum/image.php?u=19820&dateline=1334914235">
</div>
<img id="myImg" src="">
<script>
window.onload = function () {
var myDiv = document.getElementById('myDiv');
var myImg = document.getElementById('myImg');
myDiv.onclick = function (e) {
e = e || window.event;
var target = e.target || e.srcElement;
if (target.parentNode == myDiv) {
myImg.style['width'] = '200px';
myImg.style['height'] = '200px';
myImg.src = target.src;
}
}
}
</script>