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