Amigo Caricatos, sabio, paciente y eficaz...
Espero que no te hicieras mucho danio anoche
y que ya estes recuperado
, porque sigo con lo mio...
Anoche estuve trasteando un poco, pero la verdad es que me perdia un poco, mas que nada porque no sabia donde estaba el array del que provenian los datos. Luego viniste y me indicaste el segundo codigo, lo vi, y me parecio mas sencillo, vaya, mas ajustado a mis entendederas, asi que, con su permiso,
voy a trabajar con el. Lo dejo aqui por si a alguien le interesara el asunto.
De momento, pocas preguntas: los arrays
afotos y
lasFotos estan entre lineas de comentario, con lo que el navegador los ignora, no? Supongo que los arrays esos deben ir en el cuerpo del documento html, no en el script de la galeria... Me equivoco?
En el script hay una clase, "diapo": por lo que veo me parece que es solo para formatear y colorear el texto, no para formatear la tabla, no?
Y la ultima por curiosidad
: en la funcion "mostrar", que hace la variable "losDatos"? Crear entera la ventana popup?
Creo que eso es todo por el momento...
Y gracias por tu ayuda!!!
-----------------------------------------------------------------------------------
function mostrar(imagen, ancho, alto, titulo) {
var posX = screen.width / 2 - ancho / 2;
var posY = screen.height / 2 - alto / 2;
var losDatos = "<html><head><title>" + titulo;
losDatos += "</title></head><body ><img src='"+ imagen + "' style='";
losDatos += "position:absolute;width:" + ancho + ";height:" + alto + ";top:0;left:0' /></body></html>"
var propi = "width=" + ancho + "px,height=" + alto + "px,left=" + posX + ",top=" + posY;// + "'";
var popup = window.open("", "", propi);
popup.document.write(losDatos);
}
function Fotos(imagen, ancho, alto, mini, miniancho, minialto, descri, titulo, link, titu) {
this.imagen = imagen;
this.ancho = ancho;
this.alto = alto;
this.mini = mini;
this.miniancho = miniancho;
this.minialto = minialto;
this.descri = descri;
this.titulo = titulo;
this.link = link;
this.titu = titu;
}
/*
var afotos = new Array();
afotos[0] = new elDato("MaxiH000.jpg", 480, 360, "MiniH000.jpg", 133, 100, "Caricatura apaisada", "amplíela ", " aquí", "Hola");
afotos[1] = new elDato("MaxiV000.jpg", 360, 480, "MiniV000.jpg", 100, 133, "Caricatura tipo retrato", "amplíela ", " aquí", "Hola");
afotos[2] = new elDato("MaxiH000.jpg", 480, 360, "MiniH000.jpg", 133, 100, "Caricatura apaisada", "amplíela", " aquí", "Hola");
afotos[3] = new elDato("MaxiV000.jpg", 360, 480, "MiniV000.jpg", 100, 133, "Caricatura tipo retrato", "amplíela ", " aquí", "Hola");
afotos[4] = new elDato("MaxiH000.jpg", 480, 360, "MiniH000.jpg", 133, 100, "Caricatura apaisada", "amplíela ", " aquí", "Hola");
afotos[5] = new elDato("MaxiV000.jpg", 360, 480, "MiniV000.jpg", 100, 133, "Caricatura tipo retrato", "amplíela ", " aquí", "Hola");
afotos[6] = new elDato("MaxiH000.jpg", 480, 360, "MiniH000.jpg", 133, 100, "Caricatura apaisada", "amplíela ", " aquí", "Hola");
afotos[7] = new elDato("MaxiV000.jpg", 360, 480, "MiniV000.jpg", 100, 133, "Caricatura tipo retrato", "amplíela ", " aquí", "Hola");
var lasFotos = new Array();
lasFotos[0] = new elDato("../maxis/2002_1001_234425AA.jpg", 640, 429, "../minis/2002_1001_234425AA.jpg", 120, 80, "In the pub", "happy ", " hour", "One corner in pub");
lasFotos[1] = new elDato("../maxis/2002_1009_234110AA.jpg", 640, 429, "../minis/2002_1009_234110AA.jpg", 120, 80, "In the pub", "happy ", " hour", "One corner in pub");
lasFotos[2] = new elDato("../maxis/2002_1012_204607AA.JPG", 640, 429, "../minis/2002_1012_204607AA.jpg", 120, 80, "In the pub", "happy ", " hour", "One corner in pub");
lasFotos[3] = new elDato("../maxis/2002_1012_204617AA.JPG", 640, 429, "../minis/2002_1012_204617AA.jpg", 120, 80, "In the pub", "happy ", " hour", "One corner in pub");
lasFotos[4] = new elDato("../maxis/2002_1012_204629AA.JPG", 640, 429, "../minis/2002_1012_204629AA.jpg", 120, 80, "In the pub", "happy ", " hour", "One corner in pub");
lasFotos[5] = new elDato("../maxis/2002_1012_204858AA.JPG", 640, 429, "../minis/2002_1012_204858AA.jpg", 120, 80, "In the pub", "happy ", " hour", "One corner in pub");
lasFotos[6] = new elDato("../maxis/2002_1012_204923AA.JPG", 640, 429, "../minis/2002_1012_204923AA.jpg", 120, 80, "In the pub", "happy ", " hour", "One corner in pub");
lasFotos[7] = new elDato("../maxis/school1.jpg", 640, 480, "../minis/school1.jpg", 120, 90, "In the pub", "happy ", " hour", "One corner in pub");
*/
function galeria(fotos) {var cursy = (document.all) ? "hand" : "pointer";
var posX, posY;
var visor = "<table cellpadding=5 cellspacing=10 ><tr>";
for (var i = 0; i < fotos.length; i ++) {if (i % 4 == 0) visor += "</tr><tr>";
posX = 80 - fotos[i].miniancho / 2 - 2;
posY = 80 - fotos[i].minialto / 2 - 2;
visor += "<td ><table width=150><tr><td width=150 height=150><div class=diapo>";
visor += "<img style='cursor:" + cursy;
visor += ";border-width:2;border-style:inset;position:absolute";
visor += ";top:" + posY + "px;left:" + posX + "px' src='" + fotos[i].mini;
visor += "' width='" + fotos[i].miniancho;
visor += "' height= '" + fotos[i].minialto;
visor += "' onclick='mostrar(\"" + fotos[i].imagen;
visor += "\", " + fotos[i].ancho;
visor += ", " + fotos[i].alto;
visor += ", \"" + fotos[i].titu;
visor += "\")' title='" + fotos[i].descri + "' ></div></td></tr><tr><td>";
visor += fotos[i].descri;
visor += "<br><span class=rojo>" + fotos[i].titulo;
visor += "</span><span class=verde>" + fotos[i].link + "</span></td></tr></table></td>";
}
visor += "</tr></table>";
return visor;
}