Hola...
en mi página tengo varias imagenes las cuales tiene un ancho predeterminado. Cuando el usuario da click sobre la imagen abro una nueva ventana solo con la imagen en su tamaño original.
El problema es que tendré imagenes con tamaños originales muy grandes mayores que el tamaño de la pantalla. Y necesito que todas las imagenes mayores que 900 sean llevada a ese ancho.
Para lo primero utilizo dos funciones muy sencillas. Pero cómo puedo reducir el tamaño de la imagen original en el popup para que nunca sea mayor que 900????
Código:
var ventana
var cont=0
function afoto(cual,titulo)
{
if(cont==1){ventana.close();ventana=null}
ventana=window.open('','ventana','resizable=yes,scrollbars=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
}