JavaScript - Comportamiento raro de fancybox

   
Vista:

Comportamiento raro de fancybox

Publicado por mblascog (9 intervenciones) el 07/03/2013 22:05:24
Buenas,
Tengo un problema con fancybox (utilidad para hacer zoom de imágenes). Resulta que creo un documento en javascript con document.write, que incluye el fancybox. Cuando ciicko en la imagen, se abre otra ventana y hace un zoom sin ningún efecto.
La cosa está, que cuando visualizo el código fuente de la página creada con document.write, lo copio y genero con este código un nuevo documento html ejecuta el zoom correctamente.
He remarcada en negritas y cursivas el código referente a fancybox.

No sé dónde buscar el problema, podría darme alguien alguna idea?
Gracias.

El código es el siguiente:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
novaPagina = 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>");
    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=600px height=400px>");
    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=200px height=300px /></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 valign=middle>");
    novaPagina.document.write("<table>");
    novaPagina.document.write("<tr>");
    for (i=1; i<= num_fotos; i++) {
         novaPagina.document.write("<td><img src='" + carpeta + "productes/" + arrayFotos[Number(index)][i] + "' width=30px height=30px onmouseover=\"document.getElementById('fotoP').src=this.src;document.getElementById('fancybox').href=this.src\"></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;
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder