Buenas,
Resulta que con windows.open creo una nueva ventana, y a a través de document.write voy creando el documento.
En este documento, entre otras cosas, tengo una imagen a la que quiero aplicar un zoom. Fancybox me parece bien.
El problema está que cuando ejecuto dicho código y hago click en la imagen, me abre una nueva ventana, con la imagen muy grande pero sin ningún efecto.
En cambio, si copio el código fuente de dicha página y lo ejecuto, el efecto lo hace bien.
La única cosa que veo diferente es con el window.open, quizás le tenga que pasar algunos parámetros, no sé, llevo horas y no veo por donde ir.
Si alguien tiene alguna idea se lo agraderé. Muchas gracias.
El código es el siguiente:
Código Javascript
:
Ver originalnovaPagina = window.open("", "", "height=" + screen.height + ", width=" + screen.width
);
novaPagina.document.write("<!DOCTYPE html>");
novaPagina.document.write("<html lang='es'>");
novaPagina.document.write("<head>");
novaPagina.document.write("<meta charset='utf-8'>");
novaPagina.document.write("<link rel='stylesheet' href='css/style.css' type='text/css' media='all'>");
novaPagina.document.write("<link rel='stylesheet' href='css/jquery.fancybox.css?v=2.1.0' type='text/css' media='screen' />");
novaPagina.document.write("<link rel='stylesheet' href='css/jquery.fancybox-buttons.css?v=1.0.3' type='text/css' media='screen' />");
novaPagina.document.write("<script type='text/javascript' src='js/jquery.min.js'></script>");
novaPagina.document.write("<script type='text/javascript' src='js/script.js'></script>");
novaPagina.document.write("<script type='text/javascript' src='js/jquery.fancybox.pack.js?v=2.1.0'></script>");
novaPagina.document.write("<script type='text/javascript' src='js/jquery.fancybox-buttons.js?v=1.0.3'></script>");
novaPagina.document.write("<script type='text/javascript'>");
novaPagina.document.write(" $(document).ready(function() { ");
novaPagina.document.write(" $ ('a#fancybox').fancybox(); ");
novaPagina.document.write(" }); ");
novaPagina.document.write("</script>");
novaPagina.document.write("</head>");
novaPagina.document.write("<BODY>");
novaPagina.document.write("<table width=100% height=100% bgcolor=#FFFFFF>");
novaPagina.document.write("<tr><td align=center valign=middle>");
novaPagina.document.write("<table border=1 width=800px height=600px>");
novaPagina.document.write("<tr>");
novaPagina.document.write("<td rowspan=2 align=center valign=middle><a id='fancybox' href='" + fotoP + "'><img id=fotoP src=" + fotoP + " width=287px height=350px /></a></td>");
novaPagina.document.write("<td align=center valing=middle><img src='" + carpeta + "text.png' width=250px height=400px></td>");
novaPagina.document.write("</tr>");
novaPagina.document.write("<tr>");
novaPagina.document.write("<td align=center>");
novaPagina.document.write("<table id=miniatures>");
for (i=1; i<= num_fotos; i++) {
if ((i%6) == 1) {
if (i==1)
novaPagina.document.write("<tr>");
else
novaPagina.document.write("</tr><tr>");
}
novaPagina.document.write("<td style='background-image:url(" + carpeta + "miniatures/" + arrayFotos[Number(index)][i] + "); text-align:left; vertical-align:bottom; background-repeat:no-repeat' ");
novaPagina.document.write("onmouseover=\"document.getElementById('fotoP').src='" + carpeta + "productes/" + arrayFotos[Number(index)][i] + "';document.getElementById('fancybox').href='" + carpeta + "productes/" + arrayFotos[Number(index)][i] + "'\">");
aux = arrayFotos[Number(index)][i];
if (aux.indexOf("-N") != -1)
novaPagina.document.write("<img src='images/nens.png' width=20px height=20px></td>");
else
novaPagina.document.write("</td>");
}
novaPagina.document.write("</tr>");
novaPagina.document.write("</table>");
novaPagina.document.write("</td>");
novaPagina.document.write("</tr>");
novaPagina.document.write("</table>");
novaPagina.document.write("</td></tr>");
novaPagina.document.write("</table>");
novaPagina.document.write("</BODY>");
novaPagina.document.write("</HTML>");
novaPagina.close;