Caricatos
No he tenido mucho tiempo esta tarde. (aunque sea sabado!!!), de momento he aislado esto de tu codigo:
//variables para usar por los popups
var ini;
var fin;
var anchura;
// variables generales
var cursy = (document.all) ? "hand" : "pointer";
var popup = false;
function mostrar(imagen, ancho, alto, titulo) {
var posX = screen.width / 2 - ancho / 2;
var posY = screen.height / 2 - alto / 2;
anchura = ancho;
var losDatos = "<html>\n<head>\n<title>\n" + titulo;
losDatos += "\n</title>\n";
losDatos += "<script language='javascript' >\n";
losDatos += "</script>\n";
losDatos += "</head>\n<body ";
losDatos += "onclick='self.close()' style='cursor:" + cursy + "; '>\n";
losDatos += "<div style='width: " + ancho + "; height: " + alto + "; position: absolute; top: 0; left:0; overflow: hidden'>\n";
losDatos += "<img src='"+ imagen + "' style='";
losDatos += "position:absolute;width:" + ancho + ";height:" + alto + ";top:0;left:0' />\n";
losDatos += "</div>\n</body>\n</html>\n"
var propi = "resizable=no,scrollbars=no,width=" + ancho + "px,height=" + alto + "px,left=" + posX + ",top=" + posY;// + "'";
popup = window.open("", "", propi);
popup.document.write(losDatos);
}
function Foto(imagen, ancho, alto, mini, miniancho, minialto, descri, titulo, 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.titu = titu;
}
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 += "' 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></td></tr></table></td>";
}
visor += "</tr></table>";
return visor;
}
function presentar(activo) {
window.open("presentar.html","","width=600,height= 600")
}
Pero aun tengo bastantes dudas... Sobre todo una crucial (que quizas se deba a no entenderlo muy bien) De donde se toman las imagenes?
Si pudieras echarme una mano a orientarme por el codigo
Mil gracias
(P.S.: Sigo diciendo que lo de los efectos esta muy pero que muy bien
)