Hi,
danke habe die Lösung selbs gefunden!
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function change(tausch_bild_name,neues_bild_name)
{
window.document[tausch_bild_name].src = "TestBilder/BildGro%DF/"+neues_bild_name+".jpg";
}
//-->
</script>
<table width="95%" border="0" align="center" cellspacing="0" cellpadding="5">
<tr bgcolor="#00cc66">
<td><strong><font face="Arial, Helvetica, sans-serif">Loesung</font></strong></td>
</tr>
<tr bgcolor="#eeeeee">
<td height="358">
<table width="100%" border="0" cellspacing="0">
<tr>
<td width="51%" height="348">
<div align="left">
<table width="71%" border="0"background="testbilder/bildgroß/wait.jpg">
<tr>
<td height="323"><img src="TestBilder/BildGro%DF/1.jpg" name="gr" border="0" alt="Vergrößerung der Vorschau"></td>
</tr>
</table>
</div></td>
<td width="49%"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#eeeeee">
<td height="100"><a href="#" onMouseOver="change('gr',1)"><img src="testbilder/1.jpg" border="0"></a>
<a href="#" onMouseOver="change('gr',2)"><img src="testbilder/2.jpg" border=0></a>
<a href="#" onMouseOver="change('gr',3)"><img src="testbilder/3.jpg" border=0></a>
<a href="#" onMouseOver="change('gr',4)"><img src="testbilder/4.jpg" border=0></a>
<a href="#" onMouseOver="change('gr',5)"><img src="testbilder/5.jpg" border=0></a>
<a href="#" onclick="change('gr',6)"><img src="testbilder/6.jpg" border=0 alt="Klicken um das Bild zu vergrößern"></a>
</td>
</tr>
</table>
Gruß
Stefan