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>