Fancybox abre nueva ventana

mblascog · #1 (**permalink**) 09/03/2013, 03:23

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;

ipraetoriux · #2 (**permalink**) 11/03/2013, 01:20

...bien el problema lo tienes que estas usando el método fancybox(); en un link que todavía no existe...si te fijas, en la linea 16...cuando el navegador va renderizando la web el link <a id='fancybox'> no existe aun, por eso no te funciona, si te fijas en la consola de error del navegador, te lo debe indicar....lo que tienes que hacer...es pasar ese código al final, antes de la etiqueta </body>...de esa forma estas aplicando el método fancybox() al link que ya ha sido renderizado por el navegador, es decir a un link que ya existe en la web...