<table align="center" width="199" class="colorborder"> <tr><td colspan="6"> <div align="center" id="v2Step">step:0</div> </td></tr> <tr> <td><center> </center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImB.jpg" onclick="ButtonClickv2(1)" style="cursor:pointer"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImB.jpg" onclick="ButtonClickv2(2)" style="cursor:pointer"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImB.jpg" onclick="ButtonClickv2(3)" style="cursor:pointer"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImB.jpg" onclick="ButtonClickv2(4)" style="cursor:pointer"/></center></td> <td><center> </center></td> </tr> <tr> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImR.jpg" onclick="ButtonClickv2(5)" style="cursor:pointer"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im1.jpg" id="imagev20"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im2.jpg" id="imagev21"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im3.jpg" id="imagev22"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im4.jpg" id="imagev23"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImL.jpg" onclick="ButtonClickv2(9)" style="cursor:pointer"/></center></td> </tr> <tr> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImR.jpg" onclick="ButtonClickv2(6)" style="cursor:pointer"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im5.jpg" id="imagev24"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im6.jpg" id="imagev25"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im7.jpg" id="imagev26"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im8.jpg" id="imagev27"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImL.jpg" onclick="ButtonClickv2(10)" style="cursor:pointer"/></center></td> </tr> <tr> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImR.jpg" onclick="ButtonClickv2(7)" style="cursor:pointer"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im9.jpg" id="imagev28"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im10.jpg" id="imagev29"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im11.jpg" id="imagev210"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im12.jpg" id="imagev211"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImL.jpg" onclick="ButtonClickv2(11)" style="cursor:pointer"/></center></td> </tr> <tr> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImR.jpg" onclick="ButtonClickv2(8)" style="cursor:pointer"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im13.jpg" id="imagev212"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im14.jpg" id="imagev213"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im15.jpg" id="imagev214"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im0.jpg" id="imagev215"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImL.jpg" onclick="ButtonClickv2(12)" style="cursor:pointer"/></center></td> </tr> <tr> <td><center> </center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(13)" style="cursor:pointer"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(14)" style="cursor:pointer"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(15)" style="cursor:pointer"/></center></td> <td><center><img src="https://sklees.narod.ru/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(16)" style="cursor:pointer"/></center></td> <td><center> </center></td> </tr> <tr> <td colspan="3"><center><input type="button" onclick="AddClickv2()" value="сложить" /></center></td> <td colspan="3"><center><input type="button" onclick="SortClickv2()" value="перемешать" /></center></td> </tr> </table> <script> var v2colstep = 0; var placev2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0]; function ButtonClickv2(NumBut) { if (NumBut == 13) { GoClickv2(0, 4, 8, 12); } if (NumBut == 14) { GoClickv2(1, 5, 9, 13); } if (NumBut == 15) { GoClickv2(2, 6, 10, 14); } if (NumBut == 16) { GoClickv2(3, 7, 11, 15); } if (NumBut == 9) { GoClickv2(0, 1, 2, 3); } if (NumBut == 10) { GoClickv2(4, 5, 6, 7); } if (NumBut == 11) { GoClickv2(8, 9, 10, 11); } if (NumBut == 12) { GoClickv2(12, 13, 14, 15); } if (NumBut == 5) { GoClickv2(3, 2, 1, 0); } if (NumBut == 6) { GoClickv2(7, 6, 5, 4); } if (NumBut == 7) { GoClickv2(11, 10, 9, 8); } if (NumBut == 8) { GoClickv2(15, 14, 13, 12); } if (NumBut == 1) { GoClickv2(12, 8, 4, 0); } if (NumBut == 2) { GoClickv2(13, 9, 5, 1); } if (NumBut == 3) { GoClickv2(14, 10, 6, 2); } if (NumBut == 4) { GoClickv2(15, 11, 7, 3); } } function GoClickv2(A1, A2, A3, A4) { var TempIm = placev2[A1]; placev2[A1] = placev2[A2]; placev2[A2] = placev2[A3]; placev2[A3] = placev2[A4]; placev2[A4] = TempIm; GoDrawv2(); } function GoDrawv2() { v2colstep = v2colstep + 1; document.getElementById('v2Step').innerHTML = "step:" + v2colstep; document.getElementById('imagev20').src = "/jgame/fifteen/Im" + placev2[0] + ".jpg"; document.getElementById('imagev21').src = "/jgame/fifteen/Im" + placev2[1] + ".jpg"; document.getElementById('imagev22').src = "/jgame/fifteen/Im" + placev2[2] + ".jpg"; document.getElementById('imagev23').src = "/jgame/fifteen/Im" + placev2[3] + ".jpg"; document.getElementById('imagev24').src = "/jgame/fifteen/Im" + placev2[4] + ".jpg"; document.getElementById('imagev25').src = "/jgame/fifteen/Im" + placev2[5] + ".jpg"; document.getElementById('imagev26').src = "/jgame/fifteen/Im" + placev2[6] + ".jpg"; document.getElementById('imagev27').src = "/jgame/fifteen/Im" + placev2[7] + ".jpg"; document.getElementById('imagev28').src = "/jgame/fifteen/Im" + placev2[8] + ".jpg"; document.getElementById('imagev29').src = "/jgame/fifteen/Im" + placev2[9] + ".jpg"; document.getElementById('imagev210').src = "/jgame/fifteen/Im" + placev2[10] + ".jpg"; document.getElementById('imagev211').src = "/jgame/fifteen/Im" + placev2[11] + ".jpg"; document.getElementById('imagev212').src = "/jgame/fifteen/Im" + placev2[12] + ".jpg"; document.getElementById('imagev213').src = "/jgame/fifteen/Im" + placev2[13] + ".jpg"; document.getElementById('imagev214').src = "/jgame/fifteen/Im" + placev2[14] + ".jpg"; document.getElementById('imagev215').src = "/jgame/fifteen/Im" + placev2[15] + ".jpg"; } function SortClickv2() { for (var i = 0; i < 30; i++) { ButtonClickv2(getRandomIntv2(1, 16)); } v2colstep = 0; document.getElementById('v2Step').innerHTML = "step:" + v2colstep; } function AddClickv2() { v2colstep = -1; placev2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0]; GoDrawv2(); } function getRandomIntv2(min, max) { return Math.floor(Math.random() * (max - min)) + min; } </script>
