Tengo este código que muestra un resultado de una base de datos y uno de los campos es una imagen en miniatura:
- El rollo esta en que al hacer clic en la imagen pequeña me abra la misma imagen pero en formato grande. En javascript pillé este código para detectar la altura y anchura de la imagen grande y que abra la ventana justa en la medida de ella pero no me funciona.
Si alguien ve el error agradecería mucho esto. Llevo días dandole y no lo encuentro.
Ahí va el código:
<html>
<head>
<title>Muestra los datos</title>
<script language="javascript">
var ventana
var cont=0
var titulopordefecto = "Imagen ampliada"
function afoto(cual,titulo)
{
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open('','ventana','resizable=yes,sc rollbars=no')
ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)">')
ventana.document.close()
cont++
}
function redimensionar(ancho, alto)
{
ventana.resizeTo(ancho+12,alto+28)
ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. Eliminar si no se quiere centrar el popup
}
</script>
</head>
<body>
<H1>Ejemplo de uso de bases de datos con PHP y MySQL</H1>
<?php
include("conex.php");
$link=Conectarse();
$result=mysql_query("select * FROM $tabla WHERE apellidos LIKE 'Corcobado' ORDER BY apellidos",$link);
?>
<TABLE width="534" BORDER=1 align="center" CELLPADDING=1 CELLSPACING=1 >
<TR bgcolor="#FF0000"><TD width="102"> <div align="center"><strong><font color="#FFFFFF">Nombre</font></strong></div></TD><TD width="187" align="center"><strong><font color="#FFFFFF"> Apellidos </font></strong></TD> <TD width="227"> <div align="center"><strong><font color="#FFFFFF">Foto</font></strong></div></TD></TR>
<?php
while($row = mysql_fetch_array($result)) {
printf("<tr><td> %s</td><td> %s </td><td> <a href='#' onClick='afoto('%s','Ampliación de imagen');return false'><img src=%s></a></td></tr>", $row["Nombre"],$row["Apellidos"],$dir.$row["Fotogran"],$dir.$row["Foto"]);
}
mysql_free_result($result);
mysql_close($link);
?>
</table>
<br>
<br>
</body>
</html>