Alter disjointed rollover code to accomodate database driven images

Question

The effect I would like to achieve is that by clicking on a
repeat region thumbnail image (first code block) the larger version
of the same selected image is viewed concurrently in a different
portion of the page(second code block)
THUMBNAIL IMAGE CODE:
<td ><%
While ((Repeat1__numRows <> 0) AND (NOT images.EOF))
%>
<a href="javascript:;"
onmouseover="MM_swapImage('largeimage','','largeimage',1)"
onmouseout="MM_swapImgRestore()"><img
src="imagescript.asp?path=<%=(images.Fields.Item("url_img").Value)%>&Width=36"
name="smallimage" border="0" id="smallimage" /></a>
<%
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows-1
images.MoveNext()
Wend
%></td>
LARGER IMAGE CODE:
<td ><img
src="imagescript.asp?path=<%=(images.Fields.Item("url_img").Value)%>&Width=250"
name="largeimage" id="largeimage" /> </td>

Answer 1

#rollover a {
border:none;
text-decoration:none;
padding: 0 0.5em 0 0.5em; /**space between icons**/
position: relative; /**remove position rule if full size images will share the same display area. **/
Your CSS below expresses where on the page to display the disjointed image.  You'll need to tweak left and top values to get it exactly where you want it.
#rollover a span {
    visibility: hidden;
    background-color: #FFF;
    display: block;
   position: absolute;
    /**adjust positioning of full size images in px or %**/
    left: 250px;
    top: -140px;
For better answers, give us a link to your test page.
Nancy O.