Foros del Web - Ver Mensaje Individual

KarlanKas · #9 (**permalink**) 09/06/2004, 03:05

Con ayuda del magnífico script de tunait que está en las FAQ's lo centramos y ajustamos la ventana a la imagen:

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<script language="javascript"> 

// Modificación del script por Tunait para su adaptación a la imagen diaria.
// Debes crear un directorio para cada mes:
	// 0->enero
	// 1->febrero
	// 2->marzo
	//..
	//Y dentro de cada directorio una imagen para cada día con el nombre de 1.jpg para el día 1, 2.jpg para el día 2...
	//Así la imagen del día 3 de junio tendría esta ruta: 
	//http://www.forosdelweb.com/img/5/3.jpg
	//Es importante que la imagen se llame diaria (que tenga el name diaria).
	
	//La imagen en grande está en el directorio grande dentro del directorio del mes y como nombre debe tener el día.jpg así:
	//http://www.forosdelweb.com/img/5/grande/3.jpg

	var ventana 
	var cont=0 	
	var hoy=new Date();
	var titulopordefecto ="Foto del "+hoy.toLocaleString() //texto por defecto a mostrar en la barra de título en caso de omitir el argumento titulo 
	var rutaBase="http://www.forosdelweb.com/img/"
	var ruta=rutaBase+hoy.getMonth()+"/"+hoy.getDate()+".jpg";	
	
	function afoto(cual,titulo){ 
		cual=rutaBase+hoy.getMonth()+"/grande/"+hoy.getDate()+".jpg";
		if(cont==1){ventana.close();ventana=null} 
		if(titulo==null){titulo=titulopordefecto} 
		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 
	}
	
	function cargarImagen(){
	document.images["diaria"].src=ruta;
	}
	
	</script>
</head>
<body onload="cargarImagen()">
<a href="#" onclick="afoto();return false"><img border=0 name="diaria"></a>

</body>
</html>

Dime que tal!