hyperlinks di slider di immagine javascript - javascript, html5, slideshow

Sto lavorando su un sito Web e il mio cliente vuole uncursore immagine dove ogni diapositiva si collega a una pagina diversa sul sito. Preferirei che restasse in Javascript perché non riesco a avvolgere la mia testa intorno a jquery. Ecco il mio codice

Codice Javascript nell'intestazione

`<script type="text/javascript">

<!--
var img1 = new Image()
img1.src="/images/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 e Javascript nel corpo

 <div class="content">
<div id="slide">
<div class="slide_container">
<a href="Restaurants.html"><img src="/images/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>

risposte:

Usa un plugin come Nivo Slider (in questo modo non è necessario sviluppare jQuery da zero), quindi avvolgere l'immagine in un tag di ancoraggio <a>:

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