需要將幻燈片中的每個圖像鏈接到我網站上的其他頁面。

我想將每張圖片/幻燈片鏈接到我網站上的某個頁面，並且我沒有任何運氣。我環顧四周，無法找到有效的答案。這個幻燈片演示的效果令人驚歎，但我想讓它更具互動性，並且不知道如何實現我想要的效果。需要將幻燈片中的每個圖像鏈接到我網站上的其他頁面。

<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>

幻燈片放映的偉大工程，但我完全茫然，我怎麼會去這些幻燈片鏈接到特定網頁上我的網站。請幫忙！！謝謝！

來源

2015-02-11 slideshow

你也應該把它標記爲'javacript'。 – Stickers 2015-02-11 16:34:17

你可以嘗試用<包裹圖像> </A >：

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

然後上面當你聲明的圖像變量，宣告您的網頁網址：

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

然後在slideit（）函數中，添加鏈接：

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

來源

2015-02-11 16:56:39

需要將幻燈片中的每個圖像鏈接到我網站上的其他頁面。

回答

相關問題