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:
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
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
0