Pop-up del tamaño de la imagen automaticamente (CON SCRIPT DE CARICATOS)

Freddymatico · #1 (**permalink**) 30/10/2007, 11:34

Hola a todos, he encontrado muchas respuestas a preguntas en este foro y he decidido inscribirme para aportar mi granito de arena si es que puedo ayudar de alguna manera.

Sin embargo hoy tengo un problema que he solucionado en cierta medida con la ayuda de un script hecho por el usuario Caricatos que es una maravilla, me va como anillo al dedo para redimensionar la ventana de un pop up adecuada a la imagen, sin embargo existe un problema. La imagen la muestra como BACKGROUND metiendome en un lio, ya que me gustaria que la imagen la mostrara como una imagen y que asi el usuario pueda ejecutar el GUARDAR IMAGEN COMO.. y no GUARDAR FONDO COMO..

Se que es una nimiedad pero muchos usuarios no lo entienden porfavor ayudenme el codigo es el siguiente:

Código:

<html>
	<head>
		<script type="text/javascript">
			var _img_grande;

			function mostrar() {
				var ops = "top=" + ((screen.height - _img_grande.height) / 2);
				ops += ",left=" + ((screen.width - _img_grande.width) / 2);
				ops += ",width=" + _img_grande.width + ",height=" + _img_grande.height;
				var contenido = "<html><body style='background-image: url(" + _img_grande.src + ")'></body></html>";
				var ventana = window.open("", "", ops);
				ventana.document.write(contenido);
				ventana.document.close();
			}

			function cargando() {
				if (_img_grande.complete) mostrar();
				else setTimeout("cargando()", 100);
			}

			function abrir(imagen)	{
				_img_grande = new Image();
				_img_grande.src = imagen;
				cargando();
			}
		</script>
	</head>
	<body>
		<img src="http://www.pepemolina.com/imagenes/fotos/mini/Diapositiva82.jpg" onclick="abrir('http://www.pepemolina.com//imagenes/fotos/maxi/Diapositiva82.jpg')"/>
	</body>
</html>

El problema lo he marcado en rojo, en vez de ser un background me gustaria que fuera una imagen es decir:

<img src="+ _img_grande.src +" border="0" />

Mas o menos asi, alguien tiene idea de como podria solucionarlo?
Saludos y gracias.

Shantic · #2 (**permalink**) 30/10/2007, 13:13

var contenido = "<html><body style='margin: 0px;'><div><img src="+ _img_grande.src +" border='0' />
</div></body></html>";

no lo probe pero por logica deberia de funcionar.

caricatos · #3 (**permalink**) 30/10/2007, 20:03

Hola:

Pues justamente recuerdo que la imagen la ponía como fondo para evitar el menú contextual entre otras cosas, pero si te interesa que sea un tag img, Shantic puso la respuesta, aunque yo omitiría el tag div que no es necesario, y a la imagen la pondría con posicionamiento absoluto en las coordenada 0,0:

var contenido = "<html><body ><img src="+ _img_grande.src +" style="position: absolute; top: 0; left: 0" /></body></html>";

Saludos

Freddymatico · #4 (**permalink**) 31/10/2007, 07:06

Estimados amigos, lamento decirles que yo ya habia intentado algo similar sin resultados.. pense que con su codigo podria encontrar respuesta sin embargo no abre de ninguna manera el popup.

Caricatos probaste el script con la modificacion del codigo??.. pues a mi no me ha funcionado, pongo a continuación lineas del code que agregue.

Agradecere su ayuda, y si pueden comentarme si probaron el script ni en firefox, ni en explorer ejecuta.

Saludos y unas vez mas gracias.

Freddymatico · #5 (**permalink**) 31/10/2007, 07:14

Funciona.

<html><body><img src="+ _img_grande.src +" style='position: absolute; top: 0; left: 0'/></body></html>

Elimine las primeras comillas y las intercambie por (') para que no se perdiera la cadena y funciono perfectamente, en un principio al quitar las comillas de img src="+ _img_grande.src +" no funcionaba posteriormente las volvi a poner y funcionaba de maravilla.

Que opinan?, Saludos y muchisimas gracias.!