так это полностью!
<img src="img/big1.png" alt="" border="0" id="img1">
У первого большого изображения указан id="img1", чтобы мы его могли по нему найти.
<img src="img/small1.png" onmouseover="document.getElementById('img1').src='img/big1.png'" height="30">
У миниатюр в параметре src указан адрес маленькой картинки, а на событие onmouseover (наведение мыши) прописан js-код.
document.getElementById('img1') - находим элемент на странице с id="img1", т.е. наше большое изображение. И присваиваем ему src='img/big1.png'.
Аналогично со вторым изображением.
Косячок там у себя, правда, нашел - кавычка не закрыта. Пардон!
Еще раз код(без косяка):
<img src="img/big1.png" alt="" border="0" id="img1">
<img src="img/small1.png" onmouseover="document.getElementById('img1').src='img/big1.png'" height="30">
<img src="img/small2.png" onmouseover="document.getElementById('img1').src='img/big2.png'" height="30">
<img src="img/small3.png" onmouseover="document.getElementById('img1').src='img/big3.png'" height="30">
<img src="img/big4.png" alt="" border="0" id="img2">
<img src="img/small4.png" onmouseover="document.getElementById('img2').src='img/big4.png'" height="30">
<img src="img/small5.png" onmouseover="document.getElementById('img2').src='img/big5.png'" height="30">
<img src="img/small6.png" onmouseover="document.getElementById('img2').src='img/big6.png'" height="30">