需要 link 此幻灯片中的每个图像到我网站上的不同页面。

Question

我正在尝试 link 每个 picture/slide 到我网站上的某个页面，但我没有任何运气。我环顾四周，没能找到有效的答案。这张幻灯片效果惊人，但我想让它更具互动性，但我不知道如何实现我想要的效果。

<style type="text/css">
.jj {
text-align: center;
}
</style>
<div align="center"></div>
<table width="1080" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#404040"><table width="1080" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="jj"><head>
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="Images/abouthome.jpg"
var image2=new Image()
image2.src="Images/instructhome.jpg"
var image3=new Image()
image3.src="Images/awardhome.jpg"
//-->
</script>
<style type="text/css">
.fasda {
text-align: center;
}
</style>
</head>
<body class="fasda">
<img src="Images/abouthome.jpg" name="slide" width=1080 height=400>
</body>
<script type="text/javascript">
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<10)
step++
else
step=1
//call function "slideit()" every 5 seconds
setTimeout("slideit()",6000)
}
slideit()
//-->
</script></td>
</tr>
</table>
</table>

幻灯片效果很好，但我完全不知道如何将这些幻灯片中的每一张 link 放到我网站上的特定页面上。请帮忙！！谢谢！

Answer 1

您可以尝试用包裹图片:

<a id="thelink"><img src="Images/abouthome.jpg" name="slide" width=1080 height=400></a>

然后在上面声明图像变量时，声明您的页面 URL：

 var links = ["http://www.example.com/page1", "http://www.example.com/pae2"];

然后在 slideit() 函数中，添加 link:

document.getElementById("thelink").setAttribute("href", links[step]);

需要 link 此幻灯片中的每个图像到我网站上的不同页面。

Need to link each image in this slideshow to a different page on my site.

html

hyperlink

slideshow