2011-07-01 107 views
0

如何添加链接到这些随机图像集。我想分别链接到A B和C,我希望这些颜色相匹配。在我正在处理的页面(我自己的个人艺术网站)中,这些颜色将是图像。随机图像 - 如何添加链接?

http://rollinleonard.com/please-help/

<!DOCTYPE html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Rollin Leonard</title> 
</head> 
<body> 
<SCRIPT LANGUAGE="Javascript"> 
function banner() { } ; b = new banner() ; n = 0 
b[n++]= "<IMG name=randimg SRC='http://rollinleonard.com/please-help/images/green_01.gif' border='0' ALT=''><IMG name=randimg SRC='http://rollinleonard.com/please-help/images/green_02.gif' border='0' ALT=''><IMG name=randimg SRC='http://rollinleonard.com/please-help/images/green_03.gif' border='0' ALT=''>" 
b[n++]= "<IMG name=randimg SRC='http://rollinleonard.com/please-help/images/purple_01.gif' border='0' ALT=''><IMG name=randimg SRC='http://rollinleonard.com/please-help/images/purple_02.gif' border='0' ALT=''><IMG name=randimg SRC='http://rollinleonard.com/please-help/images/purple_03.gif' border='0' ALT=''>" 
b[n++]= "<IMG name=randimg SRC='http://rollinleonard.com/please-help/images/yellow_01.gif' border='0' ALT=''><IMG name=randimg SRC='http://rollinleonard.com/please-help/images/yellow_02.gif' border='0' ALT=''><IMG name=randimg SRC='http://rollinleonard.com/please-help/images/yellow_03.gif' border='0' ALT=''>" 
i=Math.floor(Math.random() * n) ; 
document.write(b[i]) 
</SCRIPT> 
</body> 
</html> 

回答

0

如果你想整个形象是一个链接,包裹锚内<IMG>标签:

<A HREF='http://link.to/wherever.html'><IMG ...></A> 
2

无论是作为Rodaine说,你可以更改您的代码是:

b[n++]= "<a href='http://url.com'><IMG SRC='green_01.gif'></a><a href='http://url2.com'><IMG SRC='green_02.gif'></a><a href='http://url3.com'><IMG SRC='green_03.gif'></a>" 

但一个更好的事情要考虑的是形象地图。
看起来你有一张你已经剪下来的图片,现在用于不同的链接。如果是这种情况,请检查http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_areamap这是一个游乐场的信息在这里:http://www.w3schools.com/TAGS/tag_map.asp

+0

太棒了!这太酷了。我想我不需要这个应用程序,但我肯定会玩这个。谢谢你的提示。 – Rollin