javascript - 图像对象到表 javascript

Question

嘿，我正在为我的课程分配的任务而苦苦挣扎。

我被要求将 20 张图像预加载到浏览器缓存中，然后将图像放入表格中。这必须使用 Javascript 来完成。

我不知道我错了，因为我的大部分答案都依赖谷歌。

这是我到目前为止所拥有的。任何帮助将非常感激。

function preloadimages() 

{

     // counter
     var i = 0;
	 
	 // Table Construct
	 var table = '';
	 var rows = 4;
	 var cols = 5;

     // set image list
     var preload = 	[["../../images/Large/bcpot002_r1_c1.jpg","../../images/Large/bcpot002_r1_c2.jpg","../../images/Large/bcpot002_r1_c3.jpg","../../images/Large/bcpot002_r1_c4.jpg","../../images/Large/bcpot002_r1_c5.jpg"],
						["../../images/Large/bcpot002_r2_c1.jpg","../../images/Large/bcpot002_r2_c2.jpg","../../images/Large/bcpot002_r2_c3.jpg","../../images/Large/bcpot002_r2_c4.jpg","../../images/Large/bcpot002_r2_c5.jpg"],
						["../../images/Large/bcpot002_r3_c1.jpg","../../images/Large/bcpot002_r3_c2.jpg","../../images/Large/bcpot002_r3_c3.jpg","../../images/Large/bcpot002_r3_c4.jpg","../../images/Large/bcpot002_r3_c5.jpg"],
						["../../images/Large/bcpot002_r4_c1.jpg","../../images/Large/bcpot002_r4_c2.jpg","../../images/Large/bcpot002_r4_c3.jpg","../../images/Large/bcpot002_r4_c4.jpg","../../images/Large/bcpot002_r4_c5.jpg"]];

     var images = [];
for (i = 0; i < preload.length; i++) {
    images[i] = new Image();
    images[i].src = preload[i];
	 // make the table.
			for(var r = 0; r < rows;r++)
			{
				table += '<tr class="myTr">';
				for(var c = 0; c < cols;c++)
					{
						table += '<td id="myTd">' + images + '</td>';
					}
		table += '</tr>';
	}
//Place table.
document.getElementById('ImageContent').innerHTML = '<table class="myTable" id="myTable" cellspacing="0px" cellpadding="0px" align="center">' + table + '</table>';
}

			
	

}

标签： javascriptimageobjectpreload