i have a html script voor picture thumbnails
but what i want is that when i want to hover on one of the thumbnails i want to see a name to be displayed under the thumbnails
if soemone can help me out with this, i know i have to add some to the html script but what?.
this is the javascript.
<!-- === Begin Frame === --> <table class="mainframe" style="width: 100%;" cellspacing="0"> <tr> <td class="mf_tl"></td> <td class="mf_tm"></td> <td class="mf_tr"></td> </tr> <tr> <td class="mf_ml"></td> <td class="mf_content" style="text-align: left; padding: 0px;"> <h1></h1><script type="text/javascript"> function showpic(tt_pic,tt_text) { document.picbox.src = tt_pic; document.getElementById('txtbox').innerHTML = tt_text; } </script> <style type="text/css"> <!-- a:link .tenpic, a:visited .tenpic { width: 79px; height: 92px; padding: 0px; border: 1px solid silver; margin: 2px; background-color: black; } --> </style> <div style="width: 320px; height: 150px; position: static;"> <div style="width: 250px; float: left;"> <a href="http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg" onmouseover="showpic('http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg');"><img src="http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg" class="tenpic" title="southpark" /></a><a href="http://www.poster.net/south-park/south-park-all-characters-white-background-3700200.jpg" onmouseover="showpic('http://www.poster.net/south-park/south-park-all-characters-white-background-3700200.jpg');"><img src="http://www.poster.net/south-park/south-park-all-characters-white-background-3700200.jpg" class="tenpic" title="southpark1" /></a><a href="http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg" onmouseover="showpic('http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg');"><img src="http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg" class="tenpic" title="southpark" /></a><a href="http://www.poster.net/south-park/south-park-all-characters-white-background-3700200.jpg" onmouseover="showpic('http://www.poster.net/south-park/south-park-all-characters-white-background-3700200.jpg');"><img src="http://www.poster.net/south-park/south-park-all-characters-white-background-3700200.jpg" class="tenpic" title="southpark1" /></a><a href="http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg" onmouseover="showpic('http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg');"><img src="http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg" class="tenpic" title="southpark" /></a><a href="http://www.poster.net/south-park/south-park-all-characters-white-background-3700200.jpg" onmouseover="showpic('http://www.poster.net/south-park/south-park-all-characters-white-background-3700200.jpg');"><img src="http://www.poster.net/south-park/south-park-all-characters-white-background-3700200.jpg" class="tenpic" title="southpark1" /></a><a href="http://www.blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg" onmouseover="showpic('http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg');"><img src="http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg" class="tenpic" title="southpark" /></a></div><img name="picbox" style="width: 150px; height: 300px; border: 1px solid silver; position: absolute; right: 8px; top: 9px;" src="http://blogs.nyunews.com/wp-content/uploads/2007/10/southpark.jpg"> <td class="mf_mr"></td> </tr> <tr> <td class="mf_bl"></td> <td class="mf_bm"></td> <td class="mf_br"></td> </tr> </table> <!-- === End Frame === -->
and this is what i want just take alook at this picture
http://img7.imageshack.us/img7/451/wwwwhxc.jpg
and one more thing what i want is can you choose a nother font for it
i hope soemone can help me out
thanks
Edited by groovicus, 11 July 2009 - 01:21 PM.