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>