Image Swap with Unique Titles

Dear Everyone,

I need to create a image gallery in which the large image changes to the large version of whatever thumbnail image is clicked; my problem is how to create it so that when one hovers over the large image, the title - “my boat”… - (not alt) appears to correspond to the correct thumbnail image. I can only get it so that one specific title appears when one hovers over the large image - the title isn’t dependent on what image is showing.

I hope this makes sense - I can’t find any help on it at all!!

Thanks so much!!!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<html xmlns="" xml:lang="en" lang="en">

<script type="text/javascript">

function Swap(obj,id,src,title){
 var img=document.getElementById(id);
 if (title){


<img id="tst" src=""  />

<img src="" width="100" onmouseup="Swap(this,'tst','','My Title');" />


Dear vwphillips,

THANK YOU SO MUCH!! I actually could understand the code a bit and was able to adjust it to my needs.

I appreciate it tremendously :slight_smile: