Question

我希望有一些超链接图像在一段时间后不断变化。我使用了2个阵列图像和链接.2各自的功能分别在2秒钟后执行更改图像和链接。但我是得到一个空白的屏幕作为输出..我写了代码：

<html>
 <head>
  <title> New Document </title>
 </head>
<body>
<img id="img"  width="1300" height="200"/>
<link id="link" >
<script type="text/javascript">
var x=0;
var y=0;
var images = new Array();
var links = new Array();
images[0] = "D:\images\31.jpg";
images[1] = "D:\images\32.jpg";

links[0] = "https://www.google.co.in" ;
links[1] = "https://www.facebook.com" ;

 function changeImage()
 {
document.getElementById("img").src=images[x];
x = (x + 1) % images.length;
}
 function changeLinks()
 { 
document.getElementById("link").href=links[y];
y = (y + 1) % links.length;
}
 window.onload = function() {
  changeImage();
  setInterval(changeImage,2000);
  }
window.onload = function() {
  changeLinks();
  setInterval(changeLinks,2000);
 }
</script>
</body>
</html>

Answer 1

你的问题是：

images[0] = "D:\images\31.jpg";
images[1] = "D:\images\32.jpg";

那些应该是超链接，而不是文件路径！此外，反斜杠是JS中的转义字符，因此您需要将其加倍（\\）。所以尝试类似的事情：

images[0] = "file:/D:/images/31.jpg";
images[1] = "file:/D:/images/32.jpg";

图像交换超链接

1 个答案: