Script de imagen que a veces falla y a veces no

KarlanKas · #1 (**permalink**) 23/07/2002, 10:33

Hola a todos!

Hace tiempo hice un script para oskitar que consistía a en hacer una ventana del tamaño de una imagen. Sin bordes como si fuera chromeless (pero mucho más cutre).

El caso es que ahora lo quiero utilizar para un proyecto que tengo entre manos y me ocurren 2 cosas:
1. La de siempre (nunca aprenderé) no termina de funcionar en NS. Cierto es que NS no reconoce el fullscreen pero al abrir la ventana lo hace muy mal, con scroll y descentrado...

2. Que incluso en IE hay veces que falla y dice que no existen imágenes que sí existen. No sé si es que no le da tiempo a cargarlas o qué...

¿A alguien se le ocurre algo?

Muchas gracias

K arlanK as

KarlanKas · #2 (**permalink**) 23/07/2002, 10:55

El Script es el siguiente:

<html><head><title>Prueba</title>
<script language="JavaScript">
var presentacion;
function tarjeta(latarjeta){
foto= new Image();
foto.src=latarjeta;
if(foto.width!=0 && foto.height!=0){
ancho=foto.width-2;
alto=foto.height+18;
posicionx=(screen.width-ancho)/2;
posiciony=(screen.height-alto)/2;
if(!presentacion||presentacion.closed){presentacio n=window.open('', '', ',fullscreen,');}
presentacion.blur();
presentacion.document.write("<html>&quo t;);
presentacion.document.write("<head>&quo t;);
presentacion.document.write("<title>&qu ot;+latarjeta+"</title>");
presentacion.document.write("</head>");
presentacion.document.write("<body onResize='resizeTo("+ancho+","+alto +");moveTo("+posicionx+","+pos iciony+");' scroll='no' style='position:absolute;top:0px;left:0px;margin:0 px 0px 0px 0px;padding:0px 0px 0px 0px;'>");
presentacion.document.write("<tAble style='position:absolute;top:-5px;left:-5px;border:none;margin:0px 0px0px0px;padding:0px 0px 0px 0px;'>");
presentacion.document.write("<tr><td >");
presentacion.document.write("<img src='"+latarjeta+"' galleryimg='no'>");
presentacion.document.write("</td></tr>");
presentacion.document.write("<tr><td style='margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;'>");
presentacion.document.write("<center>&l t;input style='position:relative;top:-3px;left:2px;width:"+ancho+"px;height:20 px; font:normal 10px/10px verdana;' type=button value=Cerrar onclick='window.close()'></center>");
presentacion.document.write("</td></tr>");
presentacion.document.write("</table>");
presentacion.document.write("</body>");
presentacion.document.write("</html>");
presentacion.resizeTo(ancho,alto);
presentacion.moveTo(posicionx,posiciony);
presentacion.focus();}
else {alert('imagen no disponible');}}
</script></head>
<body>
<a href="#" onclick="tarjeta('http://www.webareyou.com/Piramide/images12.jpg' );">Foto 12</a><a href="#" onclick="tarjeta('http://www.klasic.org/img/violin.jpg' );">Violin</a></body></html>

caricatos · #3 (**permalink**) 23/07/2002, 11:05

Hola KarlanKas:

Cuando hice mi galería de imágenes, (supongo que ya habrás visitado mi página) tuve el mismo problema que planteas y lo solucione poniendo la imagen no en una etiqueta "img" sino como background del body. El script lo tengo en la sección "academia web". También al abrir cada imagen (ya sabes, caricaturas) se inicia un ficherito de sonidos con carcajadas.

Espero que te sirva. También estoy haciendo un "slideshow" que lo voy a poner en otro mensaje, por si lo quieres ver.

Saludos

KarlanKas · #4 (**permalink**) 26/07/2002, 05:23

gracias Caricatos.

Lo he puesto como dices (me ahorro mucho código) muchas gracias, pero el problema con NS sigue... seguiré probando...

caricatos · #5 (**permalink**) 26/07/2002, 12:38

Hola KarlanKas:

Resulta que lo acabo de probar en Mozilla y en Netscape 6.2, y lo extraño es que en Netscape funciona bien y en Mozilla se recorta (mi script lo hice cuando no había salido la versión 7 de Netscape (Mozilla).

Debo agradecerte porque quiero que mi página se vea bien en todos los navegadores y lleva tiempo mal y no me había enterado.

Espero que esta vez las cosas nos salgan bien. Tal vez haya que chequear el navegador y darle unos pixeles más a la ventana.

Saludos

KarlanKas · #6 (**permalink**) 26/07/2002, 12:42

Ahora que dices eso me acabo de acordar de que no sé donde oí, al darle a NS el tamaño de la ventana lo toma como tamaño del continente, mientras que IE lo toma del contenido. Es decir que en el tamaño que se le da NS mete la barra del título, por ejemplo, mientras que IS no...

caricatos · #7 (**permalink**) 27/07/2002, 12:07

Hola KarlanKas:

En la discusión de presentaciones puse un script que mide la pantalla:

var alto, ancho;
function medir() {
alto = (document.all) ? document.body.offsetHeight - 10 : window.innerHeight;
ancho = (document.all) ? document.body.offsetWidth - 10 : window.innerWidth;
}

Tal vez se puede calcular y hacer un resize del opener ¿? (Supongo que me entiendes)

Ahora no tengo tiempo, pero mañana lo probaré.

Saludos

caricatos · #8 (**permalink**) 28/07/2002, 06:38

Hola KarlanKas:

Lo he arreglado (falla un poco solo en opera)

Te pongo el código de mi script para abrir ventanas:

function Abrir(cabecera, dibujo, anch, alto) {
var d = "toolbar=no,directories=no,menubar=no,width=& quot; + anch + ",height=" + alto;
var dia = new Date();
var v = dia.getTime();
var ancho = (document.all) ? anch : "100%";
eval("v" + v + " = window.open('', v, d); ");
var s = "<html><HEAD><TITLE>&quo t; + cabecera;
s += "</TITLE></HEAD><body onClick=\"window.close()\" style=\"cursor:" + _cursor + "\" >";
s += "<img src=" + dibujo;
s += " height=" + alto + " width=" + ancho;
s += " style=\"position:absolute; top:0; left:0 \" >";
s += "</body></html></br>";
eval("v" + v + ".document.writeln('" + s + "'); ");
eval("v" + v + ".focus(); ");
eval("v" + v + ".document.close(); ");
}

Puse la imagen posicionada en "0,0", y le dí una altura del tamaño de la página, y el ancho según el explorador... para explorer el ancho de la ventana y para los demás 100%.

Se vé bastante bien en los navegadores que uso.

Saludos