javascript图像滑块超链接

Question

我在一个网站上工作，我的客户想要一个图像滑块，其中每个幻灯片链接到网站上的不同页面。我宁愿如果这留在JavaScript中，因为我似乎无法绕过jquery。这里是我的代码

Javascript代码在头

`<script type="text/javascript"> 

<!-- 
var img1 = new Image() 
img1.src="DowntownEventNew.jpg" 
var img2 = new Image() 
img2.src="Shakespeare.jpg" 
var img3 = new Image() 
img3.src="DowntownConcertNew.jpg" 
var img4 = new Image() 
img4.src="Rangerettes.jpg" 
//--> 
</script> 

HTML 5和JavaScript在体内

<div class="content"> 
     <div id="slide"> 
      <div class="slide_container"> 
<a href="Restaurants.html"><img src="DowntownEventNew.jpg" name="slide" /> </a> 
<script type="text/javascript"> 
<!-- 
var pic =1 
function slides() { 
if (!document.images) 
return 

document.images.slide.src=eval("img" +pic+".src") 
if (pic < 4) 
pic++ 

else 
pic =1 
setTimeout("slides()",5000) 
} 
slides() 
//--> 
</script> 

</div> 
    </div> 

Answer 1

使用像Nivo Slider插件（这样，你并不真的需要开发jQuery从头开始），然后将图像封装在锚定标记中<a>：

<div id="slider"> 
    <img src="images/thing.jpg" alt="No Link" /> 
    <a href="http://www.cnn.com"><img src="images/thing2.jpg" title="Link!" /></a> 
</div>