Código:
  
<script>function FotoMedia(foto)
{	var ubic, largo;
	var nueva, grande;
	ubic = foto.indexOf('.');
	largo = foto.length;
	nueva = foto.substring(0, ubic - 1) + '2' + foto.substring(ubic,largo);
	grande = foto.substring(0, ubic - 1) + '3' + foto.substring(ubic,largo);
	document.frm_ficha.grande.value=grande;
	document['fmedia'].src=foto;
	
}
function Grande(ancho, alto)
{ 	var winl = (screen.width - ancho) / 2;
	var wint = (screen.height - alto) / 2;
	foto = document.frm_ficha.grande.value;
	var pagina =foto;
	window.open(pagina, "foto grande", "toolbar=no,location=no,directories=no,status=no,scrollbars=no,menubar=no,resizable=no,width="+ancho+",height="+alto+",top="+wint+",left="+winl);
}
</script>
lo que tengo dentro del body, las fotos la tomo de una query a la BD
Código:
  
gracias de antemano  <form action="<? echo"$PHP_SELF";?>" method="GET" name="frm_ficha" id="frm_ficha">
<table border="0" width="600">
			
<input type="hidden" name="grande" value="">
  <tr bgcolor="#ececec">
    <td align="middle" width="43%">
	<a href="javascript:Grande('640', '480')">
	<IMG NAME="fmedia" SRC="<? echo"../$foto1";?>" width="280" height="210" border="0" alt="Hacer click para agrandar">
             </a>
	</td>
    <td align="middle" width="57%">
      <table border="0" width="100%">
        <tr>
          <td align="middle"><div align="center"><a href="javascript:FotoMedia('<? echo"../$foto1";?>');"> <img width="85" height="62" alt="Hacer click para ver" border="0" src="<? echo"../$foto1";?>" /> </a>
                <script language="javascript">
		var inicial = 'imagenes/defecto.jpg';
	          </script>
          </div></td>
          <td align="middle"><div align="center"><a href="javascript:FotoMedia('<? echo"../$foto2";?>');"> <img width="85" height="62" alt="Hacer click para ver" border="0" src="<? echo"../$foto2";?>" /> </a> </div></td>
          <td align="middle"><div align="center"><a href="javascript:FotoMedia('<? echo"../$foto3";?>');"> <img width="85" height="62" alt="Hacer click para ver" border="0" src="<? echo"../$foto3";?>" /> </a> </div></td>
        </tr>
        <tr>
          <td align="middle"><div align="center"><a href="javascript:FotoMedia('<? echo"../$foto4";?>');"> <img width="85" height="62" alt="Hacer click para ver" border="0" src="<? echo"../$foto4";?>" /> </a> </div></td>
          <td align="middle"><div align="center"><a href="javascript:FotoMedia('<? echo"../$foto5";?>');"> <img width="85" height="62" alt="Hacer click para ver" border="0" src="<? echo"../$foto5";?>" /> </a> </div></td>
          <td align="middle"><div align="center"><a href="javascript:FotoMedia('<? echo"../$foto6";?>');"> <img width="85" height="62" alt="Hacer click para ver" border="0" src="<? echo"../$foto6";?>" /> </a> </div></td>
        </tr>
        <tr>
          <td align="middle"><div align="center"><a href="javascript:FotoMedia('<? echo"../$foto7";?>');"> <img width="85" height="62" alt="Hacer click para ver" border="0" src="<? echo"../$foto7";?>" /> </a> </div></td>
          <td align="middle"><div align="center"><a href="javascript:FotoMedia('<? echo"../$foto8";?>');"> <img width="85" height="62" alt="Hacer click para ver" border="0" src="<? echo"../$foto8";?>" /> </a> </div></td>
          <td align="middle"><div align="center"><a href="javascript:FotoMedia('<? echo"../$foto9";?>');"> <img width="85" height="62" alt="Hacer click para ver" border="0" src="<? echo"../$foto9";?>" /> </a> </div></td>
        </tr>
    </table>
	
	</td>
  
  </tr>
 </table>
</form>
 
 
 
 
