Question

嘿，我在这个论坛上的第一篇文章，请原谅。

所以我有这个代码每2秒更改一次图像。我很难为每个图像添加超链接到新页面，因为它会发生变化这是我到目前为止的代码

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
<script type = "text/javascript"  src = "timer.js" >

var arr = [];

arr[0]= new Image();
arr[0].src = "http://www.neonhusky.com/JShop/shopimages/products/thumbnails/SilX100-group.jpg";

arr[1]= new Image();
arr[1].src = "http://static.giantbomb.com/uploads/scale_small/0/6393/528516-1ball2.jpg";

arr[2]= new Image();
arr[2].src = "http://upload.wikimedia.org/wikipedia/en/e/ec/Soccer_ball.svg";

arr[3]= new Image();
arr[3].src = "http://d1oqx90j8hion3.cloudfront.net/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/S/C/SC13_Training_Ball_2.jpg";


var i=0;

function slide(){
 document.getElementById("image1").src= arr[i].src;
 i++;
 if(i==arr.length){
  i=0;
 }
 setTimeout(function(){ slide(); },2000);
}

</script>
</head>

<body onLoad="slide('image1',arr);">
<div id="img" align = "center"><img id="image1" height="400px" width="400px" border="5" style="border-color:white;" /></div>

</body>

</html>

这是我要问的问题我必须将四个图像中的每个图像与一个不同的链接相关联，这样无论何时用户点击图像，其相关链接都会出现在新页面中。

侧面说明我刚添加了随机图像，所有版权都归给所有者在代码工作时使用我自己的图像

Answer 1

您应该在标记中包含img并更改其href属性。例如：

   <a id="link">
       <img .... />
   </a>

并在你的函数中设置它

   document.getElementById('link').setAttribute('href','your link address');

Answer 2

+1到@G Z

看看这是否有帮助...

jsFiddle

document.getElementById("image1").src= arr[i].src;
document.getElementById("link").setAttribute('href',links[i]);

我使用第二个数组来存储链接。

Javascript：如何添加超链接到更改图像

2 个答案: