<script language=javascript>
var win=null;
function mostrarimagen(url_imagen,titulo){
var img = new Image();
img.src = url_imagen;
win=window.open('','','width='+img.width+',height= '+img.height+',scrollbars=no,resizable=1,toolbar=0 ');
win.document.write ('<html>\n');
win.document.write (' <head>\n');
win.document.write (' <title>'+titulo+'</title>\n');
win.document.write (' </head>\n');
win.document.write (' <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">\n');
win.document.write (' <img src="' + url_imagen + '" height='+img.height+' width='+img.width+'>\n');
win.document.write (' </body>\n');
win.document.write ('</html>\n');
}
</script>
Tengo este codigo en javascript, para visualizar una imagen en una nueva ventana con otro tamaño.
Luego en php llamo a esa funcion:
$consult = mysql_query ("select * from $imagenes where articulos_id = '$id'",$conexion);
$num = mysql_num_rows ($consult);
for ($i = 0; $i < $num; $i++)
{
$imagen = mysql_result ($consult, $i, "imagenes_nombre");
echo "<a href=\"javascript:mostrarimagen('galeria/$imagen','$nombre')\"><img src=\"thumbs/$imagen\" border=\"0\"></a>";
}
}
El problema que tengo, es que la primera vez que le das a la imagen, se abre una ventana en grande sin la imagen. A la segunda vez ya funciona y se ve la imagen como deberia.
No entiendo que es lo que falla!