I have written a little website that is similar in style to an image gallery, what I need to do is when a thumbnail image is clicked, put the enlarged pic on the other side of the page (I've done this bit) but also under the bigger pic I would also like to put some descriptive text. how can I get this job done when the thumbnail is clicked?

what I have is a basic swapPhoto function.

function swapPhoto(photoSRC) {
document.images.imgPhoto.src = "" + photoSRC;

scrollTo(0,0);
}

and the link when clicked does this:

<a href="javascript:swapPhoto('exitmusic.jpg')"><img src="exitmusicsmall.jpg" border="0" /></a>


any help you can give me on this would be appreciated! thanks

Make an array containing all the descriptions and an array containing all the image src's, like so:

var src = new Array('image1.jpg','image2.jpg','image3.jpg' etc...);
var desc = new Array('image 1','image 2','image 3' etc...);

Then change your swap function to this:

function swapPhoto(ID){
document.images.imgPhoto.src = src[ID];
document.images.description.innerHTML = desc[ID];

scrollTo(0,0);
}

and the link:

<a href="javascript:swapPhoto(1)"><img src="small.jpg" /></a>