Hello. I am struggling to create this website. It looks great so far. The 2 problems that I am having are trying to add button functionality to the slideshow as well as make it so the images are hyperlinked to another page. If you could help me I would be very grateful!
Here is the JavaScript:
<script>
var slideShowSpeed = 7500
var crossFadeDuration = 2
var Pic = new Array()
Pic[0] = 'images/dr. gold.png'
Pic[1] = 'Images/Award.jpg'
Pic[2] = 'images/Brandi.jpg'
Pic[3] = 'images/dream spa (2).jpg'
Pic[4] = 'images/Kyle Richards (1).jpg'
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>