0
我正在编写一个代码,这样人们可以点击一个图片,然后该点击的坐标可以记录在下面的表格中。每当我改变一些东西时,图片出现和工作或表出现。我无法弄清楚什么是错的。图片不会出现
下面是代码:你有
var ready1 = prompt("Are you ready? Type yes or no.");
if (ready1 === "yes") {
var images = [
["http://i.imgur.com/UygMnuU.jpg"],
["http://i.imgur.com/eq3ruIo.jpg"],
["http://i.imgur.com/6JEleqR.jpg"]
];
var focuspoint = [];
var xcoordinates = [];
var ycoordinates = [];
var coords = [];
i = 0;
slide = $("#slide");
// var visualStatic = function() {
// setTimeout(function() {
// static.show();
//}, 5000);
// slide.attr("src", images[i++]);
//};
slide.click(function() {
if (i < (images.length + i)) {
slide.attr("src", images[i++]);
xcoordinates.push(e.pageX);
ycoordinates.push(e.pageY);
}
}).trigger("click");
}
var cols = ["X Coords", "Y Coords"];
table = document.createElement("table"),
row = document.createElement("tr"),
// populate the coords array
coords.push(xcoordinates);
coords.push(ycoordinates);
// setup for the heading row by looping through columns
for (var c = 0; c < cols.length; c++) {
td = document.createElement("td");
td.innerHTML = cols[c];
row.appendChild(td);
}
table.appendChild(row);
// now the columns are populated
for (var i = 0; i < coords[0].length; i++) {
row = document.createElement("tr");
for (var j = 0; j < coords.length; j++) {
td = document.createElement("td");
td.innerHTML = coords[j][i];
row.appendChild(td);
}
table.appendChild(row);
}
document.body.appendChild(table);