Есть таблица
<div class='i2'>
<a href=""><img src='1.jpg' alt='' /></a>
</div>
<div class='i3'>
<a href=""><img src='2.jpg' alt='' /></a>
<a href=""><img src='3.jpg' alt='' /></a>
<a href=""><img src='4.jpg' alt='' /></a>
<a href=""><img src='5.jpg' alt='' /></a>
<a href=""><img src='6.jpg' alt='' /></a>
<a href=""><img src='7.jpg' alt='' /></a>
</div>
<div class='i2'> <== это большая картинка.
Как на Java Script сделать:
Когда давлю на img src='2.jpg', то она загружается в <div class='i2'> вместо img src='1.jpg', а сам img src='1.jpg' встает вместо img src='2.jpg'.
Когда давлю на img src='3.jpg' то она загружается в <div class='i2'> вместо img src='2.jpg', а сам img src='2.jpg' встает вместо img src='3.jpg'.
И так до 7.
Как проще будет сделать в php или на java script?