How do you add captions to a javascript onMouserover slideshow?

JavaScript
1

I need to add different captions for each image of my onmouseover gallery.
The way this gallery works is when the mouse goes over the text the image on the right changes.
What should I add to my javascript code?
This is the code I put in the head:
<script>

/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
*/

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language=“JavaScript1.1”>
var myimages=new Array()
var gotolink=“#”

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages(“plane1.gif”,“plane2.gif”,“plane3.gif”,“plane4.gif”,“plane5.gif”)
</script>

2

I’d agree with SlickAU,

jQuery would be the easiest, and quickest solution for you. Have a look at the following examples; one of these will no doubt do what you need!

www.ipponsolutions.co.uk - website design in Exeter, UK.

3

Your easiest bet is to use jquery and do something like the following:


<a href="images/image1.jpg" class="slideItem">Item 1</a>
<a href="images/image2.jpg" class="slideItem">Item 2</a>
<label id="lblCaption"></label>


$(document).ready(function() {
    $(".slideItem").click(function() {
        $("#lblCaption").text($(this).text());
    });
});
4

Thank you for your response however I am totally new to javascript.
Yes, I mean a title or some text under the image.

How would you exactly write this code using the code I gave in my thread?
thanks, S.

5

What do you mean by a caption, do you just mean a title underneath/above the image?

If so, you can just create a simple function which changes the innerHTML/innerText of the caption element to be that of the current event’s target’s (the moused-overed text) text.