сдвиг по спирали - JavaScript, Ajax

shelest · 06.12.2009, 22:02

страница Java Script должна содержать 25 изображений расположенных в виде квадрата 5*5, при нажатии на кнопку изображения долдны сдвигаться по спирали как показанно на рисунке.

Код HTML:

<html>
<title>14_variant</title>
<script language='javascript'>
function sdvig1()
{
var pic_name;
pic_name=document.images[20].src
document.images[20].src=document.images[21].src;
document.images[21].src=document.images[22].src;
document.images[22].src=document.images[23].src;
document.images[23].src=document.images[24].src;
document.images[24].src=document.images[19].src;
document.images[19].src=document.images[14].src;
document.images[14].src=document.images[9].src;
document.images[9].src=document.images[4].src;
document.images[4].src=document.images[3].src;
document.images[3].src=document.images[2].src;
document.images[2].src=document.images[1].src;
document.images[1].src=document.images[0].src;
document.images[0].src=document.images[5].src;
document.images[5].src=document.images[10].src;
document.images[10].src=document.images[15].src;
document.images[15].src=document.images[16].src;
document.images[16].src=document.images[17].src;
document.images[17].src=document.images[18].src;
document.images[18].src=document.images[13].src;
document.images[13].src=document.images[8].src;
document.images[8].src=document.images[7].src;
document.images[7].src=document.images[6].src;
document.images[1].src=document.images[2].src;
document.images[6].src=document.images[11].src;
document.images[11].src=document.images[12].src;
document.images[12].src=pic_name;

}

</script>
<body>
<TABLE BORDER BGCOLOR='#232323'>
<TR>
<TH COLSPAN=2>images</TH>
</tr>
<tr>
<td>
<img src='13.jpg' name='11' width='60' height='60'>
</td>
<td>
<img src='14.jpg' name='12' width='60' height='60'>
</td>
<td>
<img src='15.jpg' name='13' width='60' height='60'>
</td>
<td>
<img src='16.jpg' name='14' width='60' height='60'>
</td>
<td>
<img src='17.jpg' name='15' width='60' height='60'>
</td>
</tr>
<tr>
<td>
<img src='12.jpg' name='21' width='60' height='60'>
</td>
<td>
<img src='03.jpg' name='22' width='60' height='60'>
</td>
<td>
<img src='04.jpg' name='23' width='60' height='60'>
</td>
<td>
<img src='05.jpg' name='24' width='60' height='60'>
</td>
<td>
<img src='18.jpg' name='25' width='60' height='60'>
</td>
</tr>
<tr>
<td>
<img src='11.jpg' name='31' width='60' height='60'>
</td>
<td>
<img src='02.jpg' name='32' width='60' height='60'>
</td>
<td>
<img src='01.jpg' name='33' width='60' height='60'>
</td>
<td>
<img src='06.jpg' name='34' width='60' height='60'>
</td>
<td>
<img src='19.jpg' name='35' width='60' height='60'>
</td>
</tr>
<tr>
<td>
<img src='10.jpg' name='41' width='60' height='60'>
</td>
<td>
<img src='09.jpg' name='42' width='60' height='60'>
</td>
<td>
<img src='08.jpg' name='43' width='60' height='60'>
</td>
<td>
<img src='07.jpg' name='44' width='60' height='60'>
</td>
<td>
<img src='20.jpg' name='45' width='60' height='60'>
</td>
</tr>
<tr>
<td>
<img src='25.jpg' name='51' width='60' height='60'>
</td>
<td>
<img src='24.jpg' name='52' width='60' height='60'>
</td>
<td>
<img src='23.jpg' name='53' width='60' height='60'>
</td>
<td>
<img src='22.jpg' name='54' width='60' height='60'>
</td>
<td>
<img src='21.jpg' name='55' width='60' height='60'>
</td>
</tr>
</TABLE>
<input type='button' name='knop' onclick='sdvig1()' value='push' width='300' height='300' >

</body>
</html>

в чём ошибка почему при сдвиге с 1 картинки на 2 она не меняется????

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Заполнить матрицу по спирали (turbo pascal)	cL1zMa	Помощь студентам	8	16.05.2020 12:00
Сортировка матрицы по спирали {pascal}	Влдислаав3911	Помощь студентам	3	10.04.2012 22:05
Построение спирали на Delphi	loonymen	Помощь студентам	2	19.04.2010 09:44
Чтение матрицы по спирали	AlexLAN	Общие вопросы C/C++	1	21.12.2008 07:50
(с)Массивы.Сортировка по спирали.	arah	Помощь студентам	3	16.12.2007 21:12