Работа с div из javascript
 

Есть таблица

<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?

javascript.

А если давишь на img src='3.jpg' а в <div class='i2'> находится img src='1.jpg' то что ?

То img src='1.jpg' будет вместо img src='3.jpg', а img 3.jpg будет вместо 1.jpg.


суть когда надовить на

<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'>
<a href=""><img src='1.jpg' alt='' /></a>
</div>.


class='i3 - это маленькие картинки 25 на 25

а class='i2 - это большая 100 на 100.

чтоб маленькая открывалось в большой таблице.

Ну и какие проблемы? У картинок есть свойство src - вот и поменяй его в обработчике нажатия у текущей с src картинки из class='i2