Hi to all, I have the follwing slideshow and would like to know if it is possible to add a url to the images.

URLs to add: /html/technical.asp
/html/books.asp

Code:

<script>
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 10000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = '/html/images/technical-files.gif'
Pic[1] = '/html/images/reference-books.gif'
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>

Cheers
Mally

For what it looks like, and if there is only 1 url for allthe pics, you should be able to enclose the slide show in a div, or a span, and add an onclick="javscript:top.location='{yourUrl}';" on that div/span.

<div id="slideShow" onclick="javascript:top.location='http://www.google.com';">
  <script type="text/javascript">
  runSlideShow();
  </script>
</div>

If you need an url per image, this will require more tweaking in the script.

What if there are only two urls required for two images?

Well, then the script needs to be modified to not simply output an img tag, but an img inside an a tag.

I'm at work now, and don't have the time to modify the script.
If nobody has done it by this evening, I'll make a modded version then.

yargh.... I just saw that this code will only work in IE, and I'm on linux...
Better than hack it to make it work, try this one...

Much better and cross browser:
http://www.dynamicdrive.com/dynamici...nslideshow.htm

Thanks so much.

The new code is so much better. Image stops when you mouse over which is what I was realy looking for.

How silly of me, I looked at that code a week ago and thought, no not the one. Uses two images.

Thanks for your help.

Mally

No problems.