javascript用图像替换从数组输出的数字

javascript用图像替换从数组输出的数字,javascript,arrays,image,Javascript,Arrays,Image,我有一个代码,我想修改它以输出图像而不是数字 该图像应仅为所谓的拾取输出显示。 在我想使用的图像中有一个结构,因此如果有人能很好地解释1或2,我可以做其他43:) 例如,这里是到目前为止代码的一个工作示例 我想要的是,当一个数字选择是例如6,这个图像将显示请不要担心版权,我会做我自己的球时,代码设计完成 任何帮助都会很好 <script type="text/javascript" src="http://jquery.com/src/jquery-latest.js"></s

我有一个代码,我想修改它以输出图像而不是数字

该图像应仅为所谓的拾取输出显示。 在我想使用的图像中有一个结构,因此如果有人能很好地解释1或2,我可以做其他43:)

例如,这里是到目前为止代码的一个工作示例

我想要的是,当一个数字选择是例如6,这个图像将显示请不要担心版权,我会做我自己的球时,代码设计完成

任何帮助都会很好

<script type="text/javascript" src="http://jquery.com/src/jquery-latest.js"></script>

<div id="players"></div>
<div id="draws"></div>

<script type="text/javascript">

var players = {
Joop   : ["6","8","16","18","26","28","32","36","38","41"],
Marijke: ["7","10","14","18","24","29","30","34","39","40"],
Michel : ["4","5","11","16","21","27","33","36","42","44"],
Mario  : ["6","9","18","25","32","35","39","40","43","45"],
Diana  : ["2","6","8","17","22","23","33","36","42","45"],
Agnes  : ["3","5","10","15","26","29","32","37","41","44"],
Chris  : ["5","7","8","9","11","12","16","28","30","32"],
Jeannette: ["1","2","4","7","8","11","13","28","30","38"],
Wieger: ["1","2","3","7","10","13","14","22","23","27"],
Anita: ["6","13","15","17","21","26","32","33","43","45"],
Thea: ["1","3","5","7","10","17","19","20","22","38"],
Danny: ["3","7","11","15","22","28","32","37","40","43"],
Cindy: ["2","4","16","18","21","24","33","38","41","44"],
Hanneke: ["1","3","4","12","18","21","25","30","36","40"],
Willem: ["3","9","17","21","27","33","35","39","41","42"]
};

var draws = [ {

when: 'Datum: Zaterdag 08-08-2009',
picks:[2, 13, 15, 18, 21, 41]
},

{
when: 'Datum: Zaterdag 15-08-2009',
picks:[6, 19, 24, 25, 35, 37]
},

{
when: 'Datum: Zaterdag 22-08-2009',
picks:[8, 17, 23, 26, 37, 42]
}
];

var buildPlayers = function(){
var cont = $("#players");
for(player in players){
var html = ["<div>","<span class='name'>"+player+"</span>", "<ol class='picks'>"];
for(var i = 0; i < players[player].length; i++){
html.push("<li class='loss pick_"+players[player][i]+"'>"+players[player][i]+"</li>");
}

html.push("</ol>","</div>");
cont.append(html.join(""));
}
};

var buildDraws = function(){
var cont = $("#draws");
for(var i = 0; i < draws.length; i++){
var html = ["<div class='draw'>","<h4 class='drawNum'>Trekking "+(i+1)+"</h3>","<div class='date'>"+draws[i].when+"</div>","<ol class='picks'>"];
for(var j = 0; j < draws[i].picks.length; j++){
html.push("<li>"+draws[i].picks[j]+"</li>");
showWin(draws[i].picks[j]);
}
html.push("</ol>","</div>");
cont.append(html.join(""));
}
};

var showWin = function(winNum){
$(".pick_"+winNum).removeClass("loss").addClass("win");
};

$(function(){
buildPlayers();
buildDraws();
});
</script>

var玩家={
Joop:[“6”、“8”、“16”、“18”、“26”、“28”、“32”、“36”、“38”、“41”],
Marijke:[“7”、“10”、“14”、“18”、“24”、“29”、“30”、“34”、“39”、“40”],
米歇尔:[“4”、“5”、“11”、“16”、“21”、“27”、“33”、“36”、“42”、“44”],
马里奥:[“6”、“9”、“18”、“25”、“32”、“35”、“39”、“40”、“43”、“45”],
戴安娜:[“2”、“6”、“8”、“17”、“22”、“23”、“33”、“36”、“42”、“45”],
艾格尼丝:[“3”、“5”、“10”、“15”、“26”、“29”、“32”、“37”、“41”、“44”],
克里斯:[“5”、“7”、“8”、“9”、“11”、“12”、“16”、“28”、“30”、“32”],
珍妮特:[“1”、“2”、“4”、“7”、“8”、“11”、“13”、“28”、“30”、“38”],
维格:[“1”、“2”、“3”、“7”、“10”、“13”、“14”、“22”、“23”、“27”],
安妮塔:[“6”、“13”、“15”、“17”、“21”、“26”、“32”、“33”、“43”、“45”],
Thea:[“1”、“3”、“5”、“7”、“10”、“17”、“19”、“20”、“22”、“38”],
丹尼:[“3”、“7”、“11”、“15”、“22”、“28”、“32”、“37”、“40”、“43”],
辛迪:[“2”、“4”、“16”、“18”、“21”、“24”、“33”、“38”、“41”、“44”],
汉内克:[“1”、“3”、“4”、“12”、“18”、“21”、“25”、“30”、“36”、“40”],
威廉:[“3”,“9”,“17”,“21”,“27”,“33”,“35”,“39”,“41”,“42”]
};
var=[{
时间:'基准:Zaterdag 08-08-2009',
选择:[2,13,15,18,21,41]
},
{
时间:'基准:Zaterdag 15-08-2009',
选择:[6,19,24,25,35,37]
},
{
时间:'基准:Zaterdag 22-08-2009',
精选:[8,17,23,26,37,42]
}
];
var buildPlayers=function(){
var cont=$(“#玩家”);
对于(玩家中的玩家){
var html=[“”,“”+player+“”,“”];
对于(变量i=0;i