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>

