我設計了一個在php中使用循環的國際象棋棋盤。董事會一切順利,但我無法將棋子放在正確的位置,因爲循環,在棋盤的每個方格中重複相同的圖片。任何人都可以向我建議我應該改變什麼。請參閱下面的我的代碼。無法在php中獲取代碼
<html>
<head>
<style>
th{
width:80px;
height:80px;
}
table{
border: 5px solid orange;
border-collapse:collapse;
}
td{
width:80px;
height:80px;
}
tr{
width:80px;
height:80px;
}
h1{
color:#6633FF;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<?php
echo"<h1 align='center'>SAJID Chess Board</h1>";
echo"<table border='1' align='center'>";
//Nested For loop starts
for($i=1; $i<5; $i++)//this is the iteration construct starts from here
{
echo"<tr>";
for ($j=7; $j>=0; $j--) // For loop for 1st row
{
if(($j%2)==0){
echo"<td bgcolor='grey'>";
echo"<img src='king.gif'/>"; //here is the problem, the image of king throughout the chess board
}
else{
echo"<td bgcolor='white'>";
}
echo"</td>";
}//for loop ends
echo "</tr>";
echo "<tr>";
for($j=0; $j<8; $j++){ // For loop for 2nd row
if(($j%2)==0){
echo"<td bgcolor='grey'>";
}
else{
echo"<td bgcolor='white'>";
}
echo"</td>";
}//for loop ends
echo "</tr>";
}//nested for loop ends
echo "</table>";
?>
</body>
</html>
你是什麼意思,「相同的圖片」?您的代碼中沒有任何圖像引用。 –
是的,因爲我把它們去掉了,因爲它弄亂了棋盤。我無法將棋子照片放在正方形的正方形中。如果我把它們放在一起,那麼在棋盤的每個方格里都會重複出現一張圖像,我甚至無法擺脫這些循環。 – bleach64
正在運行的代碼:http://codepad.org/8yA0BNLQ HTML輸出:http://jsfiddle.net/TJvGq/ –