Случайные изображения - как добавить ссылки? - PullRequest
Новая
       7

Случайные изображения - как добавить ссылки?

0 голосов
/ 02 июля 2011

Как добавить ссылку на эти наборы случайных изображений. Я хочу ссылку на 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>

Ответы [ 2 ]

2 голосов
/ 02 июля 2011

Либо, как сказал Родаин, вы можете изменить свой код на: 

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 голосов
/ 02 июля 2011

Если вы хотите, чтобы все изображение было ссылкой, поместите теги <IMG> в привязку: 

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