Javascript 将图像逐个添加到表中_Javascript_Arrays_Image

Javascript 将图像逐个添加到表中

javascript arrays image

Javascript 将图像逐个添加到表中,javascript,arrays,image,Javascript,Arrays,Image,有人能告诉我如何将图像从一个数组（称为预加载数组）逐个加载到表格单元格中吗。该表为13 x 4个单元格。该函数的作用是增加图像ID，并通过短setTimeout（）调用自身来添加它们，以延迟进程并使其成为动画。任何帮助都将不胜感激。谢谢 function showCard(){ //when button is clicked document.writeln("<table>"); for (m = 0; m < 4; m++) { document.wri

有人能告诉我如何将图像从一个数组（称为预加载数组）逐个加载到表格单元格中吗。该表为13 x 4个单元格。该函数的作用是增加图像ID，并通过短setTimeout（）调用自身来添加它们，以延迟进程并使其成为动画。任何帮助都将不胜感激。谢谢

function showCard(){
//when button is clicked
document.writeln("<table>");
    for (m = 0; m < 4; m++) {
    document.writeln("<tr>");
    for (n = 0; n < 13; n++) {
        preLoadImages[n] = new Image();
        preLoadImages[n].src = n + '.gif'; 

        document.writeln("<td id=\"\"><img height=\"80\" id=\"" + preLoadImages[(m * 13) + n] + "\" \"></td>");
        }
        document.writeln("</tr>");
    }
    document.writeln("</table>");
}

函数显示卡（）{
//单击按钮时
文件。书面形式（“”）；
对于（m=0；m<4；m++）{
文件。书面形式（“”）；
对于（n=0；n<13；n++）{
预加载图像[n]=新图像（）；
预加载图像[n].src=n+'.gif'；
document.writeln（“在javascriptdocument.writeln（）
中没有这样的方法，可能您打算使用document.write（）
。但不建议使用这种方法。最好使用innerHTML
或。appendChild
：
函数显示卡（）{
var t=“”
对于（m=0；m<4；m++）{
t+=”；
对于（n=0；n<13；n++）{
预加载图像[n]=新图像（）；
预加载图像[n].src=n+'.gif'；
t+=“在javascriptdocument.writeln（）
中没有这样的方法，可能您打算使用document.write（）
。但不建议使用这种方法。最好使用innerHTML
或appendChild
：
函数显示卡（）{
var t=“”
对于（m=0；m<4；m++）{
t+=”；
对于（n=0；n<13；n++）{
预加载图像[n]=新图像（）；
预加载图像[n].src=n+'.gif'；
t+=“如果直接指定图像的src，则不需要在任何数组中预加载图像
这里有一个代码可以帮助您
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script>
        function showCard() {

            var t = "<table><thead></thead><tbody>";
            for (m = 0; m < 4; m++) {
                t += "<tr>";
                for (n = 0; n < 4; n++) {              

                    t += "<td><img height=\"80\" width=\"80\" src=\"" +  ((m * 4) + n) + ".jpg\"/></td>";
                }
                t += "</tr>";
            }
            t += "</tbody></table>";

            document.getElementById("ll").innerHTML = t;
        }
    </script>
  </head>
  <body onload="showCard();">
    <div id="ll"></div>
  </body>
</html>


函数showCard（）{
var t=“”；
对于（m=0；m<4；m++）{
t+=”；
对于（n=0；n<4；n++）{
t+=”；
}
t+=”；
}
t+=”；
document.getElementById（“ll”）.innerHTML=t；
}
如果直接指定图像的src，则不需要在任何数组中预加载图像
这里有一个代码可以帮助您
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script>
        function showCard() {

            var t = "<table><thead></thead><tbody>";
            for (m = 0; m < 4; m++) {
                t += "<tr>";
                for (n = 0; n < 4; n++) {              

                    t += "<td><img height=\"80\" width=\"80\" src=\"" +  ((m * 4) + n) + ".jpg\"/></td>";
                }
                t += "</tr>";
            }
            t += "</tbody></table>";

            document.getElementById("ll").innerHTML = t;
        }
    </script>
  </head>
  <body onload="showCard();">
    <div id="ll"></div>
  </body>
</html>


函数showCard（）{
var t=“”；
对于（m=0；m<4；m++）{
t+=”；
对于（n=0；n<4；n++）{
t+=”；
}
t+=”；
}
t+=”；
document.getElementById（“ll”）.innerHTML=t；
}
谢谢Victor。如果我需要将其添加到现有表中，我会使用doc append吗？一旦我弄明白了这一点，我需要对每个图像应用setTimeout。@BigSpudnuts是的！您可以使用docappend
函数，或者在本例中使用addRow（）
函数获取结果和计时器。谢谢Victor。如果我需要将其添加到现有表中，我会使用doc append吗？一旦我弄明白了这一点，我需要对每个图像应用setTimeout。@BigSpudnuts是的！您可以使用docappend
函数，或者在这种情况下使用addRow（）
函数获取结果和计时器。