I have made the following code to display an array of images in random order on a page, however, I can't think of a way to link a href tag to the corresponding image. I want to use these images as thumbnails that lead to html pages, but because the array is randomized, I can't match the hrefs to the srcs! Any ideas would save my life.
heres the code.
<html>
<head>
<title>test</test>
<script language="javascript">
function randOrd(){
return (Math.round(Math.random())-0.5); }
</script>
</head>
<body>
<a href="http://www.google.com/logos/8th_birthday.gif"><img src="http://www.google.com/logos/8th_birthday.gif" name="0"></a>
<a href="http://www.google.com/logos/7th_birthday.gif"><img src="http://www.google.com/logos/7th_birthday.gif" name="1"></a>
<a href="http://www.google.com/logos/6th_birthday.gif"><img src="http://www.google.com/logos/6th_birthday.gif" name="2"></a>
<a href="http://www.google.com/logos/5th_birthday.gif"><img src="http://www.google.com/logos/5th_birthday.gif" name="3"></a>
<a href="http://www.google.com/logos/4th_birthday.gif"><img src="http://www.google.com/logos/4th_birthday.gif" name="4"></a>
<a href="http://www.google.com/logos/3th_birthday.gif"><img src="http://www.google.com/logos/3th_birthday.gif" name="5"></a>
<script language="javascript">
var Iar = new Array();
Iar[0] = "http://www.google.com/logos/8th_birthday.gif"
Iar[1] = "http://www.google.com/logos/7th_birthday.gif"
Iar[2] = "http://www.google.com/logos/6th_birthday.gif"
Iar[3] = "http://www.google.com/logos/5th_birthday.gif"
Iar[4] = "http://www.google.com/logos/4th_birthday.gif"
Iar[5] = "http://www.google.com/logos/3th_birthday.gif"
Iar.sort(randOrd)
document[0].src=Iar[0]
document[1].src=Iar[1]
document[2].src=Iar[2]
document[3].src=Iar[3]
document[4].src=Iar[4]
document[5].src=Iar[5]
</script>
</body>
</html>
heres the code.
<html>
<head>
<title>test</test>
<script language="javascript">
function randOrd(){
return (Math.round(Math.random())-0.5); }
</script>
</head>
<body>
<a href="http://www.google.com/logos/8th_birthday.gif"><img src="http://www.google.com/logos/8th_birthday.gif" name="0"></a>
<a href="http://www.google.com/logos/7th_birthday.gif"><img src="http://www.google.com/logos/7th_birthday.gif" name="1"></a>
<a href="http://www.google.com/logos/6th_birthday.gif"><img src="http://www.google.com/logos/6th_birthday.gif" name="2"></a>
<a href="http://www.google.com/logos/5th_birthday.gif"><img src="http://www.google.com/logos/5th_birthday.gif" name="3"></a>
<a href="http://www.google.com/logos/4th_birthday.gif"><img src="http://www.google.com/logos/4th_birthday.gif" name="4"></a>
<a href="http://www.google.com/logos/3th_birthday.gif"><img src="http://www.google.com/logos/3th_birthday.gif" name="5"></a>
<script language="javascript">
var Iar = new Array();
Iar[0] = "http://www.google.com/logos/8th_birthday.gif"
Iar[1] = "http://www.google.com/logos/7th_birthday.gif"
Iar[2] = "http://www.google.com/logos/6th_birthday.gif"
Iar[3] = "http://www.google.com/logos/5th_birthday.gif"
Iar[4] = "http://www.google.com/logos/4th_birthday.gif"
Iar[5] = "http://www.google.com/logos/3th_birthday.gif"
Iar.sort(randOrd)
document[0].src=Iar[0]
document[1].src=Iar[1]
document[2].src=Iar[2]
document[3].src=Iar[3]
document[4].src=Iar[4]
document[5].src=Iar[5]
</script>
</body>
</html>
Comment