Я бы вообще сделал так:
<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">
Собственно 3 миниатюры
<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">
Ну и три миниатюры для второй большой картинки.