随机图片 - 如何添加链接？答案

【问题标题】：Random Images- how to add links?随机图片 - 如何添加链接？
【发布时间】：2025-12-31 06:50:16
【问题描述】：

如何添加指向这些随机图像集的链接。我想要分别指向 A B 和 C 的链接，并且我希望这些颜色匹配。在我正在处理的页面（我自己的个人艺术网站）中，这些颜色将是图像。

<!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>

【问题讨论】：

标签： html css image random

【解决方案1】：

正如 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

【讨论】：

太棒了！这真是太酷了。我想这个应用程序不需要它，但我肯定会玩它。感谢您的提示。

【解决方案2】：

如果您希望整个图像成为一个链接，请将<IMG> 标签包裹在一个锚点内：

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

【讨论】：