I'm using the Ultimate Fade-In Slideshow but I need an extra function for it, which should be pretty easy to write but i'm not too confident in Javascript.
Alongside the slideshow I have some thumbnail images, I want to add a 'onmouseover' function to each, so when the mouse cursor hovers over a thumbnail, it changes the slideshow image to the image which the thumbnail represents. With the mouse not hovering over any thumbnails, the slideshow should continue fading from image to image as usual.
We already have the slideshow image array set up:
The thumbnail html could be:Code:<script type="text/javascript"> var fadeimages=new Array() fadeimages[0]=["images/1.jpg", "", ""] fadeimages[1]=["images/2.jpg", "", ""] </script>
Then I just need to write a Javascript function to skip the slideshow to the image specified in the mouseover link (1) like this:Code:<a href="#" onMouseOver="skiptoimage(1);"><img src="1.jpg"/></a>
Code:function skiptoimage(number){ // what goes here?! }



Reply With Quote
Bookmarks