I'm just getting my feet wet looking at the code and it occurs to me to ask, where do you want this 'text description' to appear? To that end, if you have a page on the web where you are working this out, that would help as well. A simple:
title="Text Description"
attribute in the thumbnail image tag may be all you need. But, if you want a caption for the large image, try this:
add this function at the end of the script:
Code:
function get_cap(cap){
if (document.getElementById){
document.getElementById('caploadarea').innerHTML=cap;}
else if (document.all){
document.all('caploadarea').innerHTML=cap;}
else{
return;}
}
modify the HTML in the form like this (changes in red):
Code:
<a href="#" name="Caption Goes Here" onMouseover="modifyimage('dynloadarea', 0);get_cap(this.name);">
after the image container (example):
HTML Code:
<div id="dynloadarea" style="width:140px;height:225px"></div>
put this caption container (example):
HTML Code:
<div id="caploadarea" style="width:140px;height:2em;text-align:center"></div>
notice how the width's are the same, this is to give a nice centered look to the caption.
Bookmarks