Foros del Web » Programando para Internet » Jquery »

Galería jquery.fancybox.js con problea de visualización

Estas en el tema de Galería jquery.fancybox.js con problea de visualización en el foro de Jquery en Foros del Web. Buenos días para todos Implemento esta galería y funciona bien, pero llega a un número X de imágenes y sucede que cuando abro cualquier imágen ...
  #1 (permalink)  
Antiguo 25/11/2012, 06:10
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Pregunta Galería jquery.fancybox.js con problea de visualización

Buenos días para todos
Implemento esta galería y funciona bien, pero llega a un número X de imágenes y sucede que cuando abro cualquier imágen hace un parpadeo el fondo.

Código que utilizo:

Código Javascript:
Ver original
  1. <!-- Add jQuery library -->
  2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  3.  
  4.  
  5. <!-- Add fancyBox main JS and CSS files -->
  6. <script type="text/javascript" src="source/jquery.fancybox.js"></script>
  7.  
  8.  
  9. <!-- Add Thumbnail helper (this is optional) -->
  10. <link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-thumbs.css" />
  11. <script type="text/javascript" src="source/helpers/jquery.fancybox-thumbs.js"></script>
  12.  
  13. <script type="text/javascript">
  14. $(document).ready(function() {
  15. /*
  16. Simple image gallery. Use default settings
  17. */
  18.  
  19. $('.fancybox').fancybox();
  20.  
  21. /*
  22. Different effects
  23. */
  24.  
  25. // Change title type, overlay opening speed and opacity
  26. $(".fancybox-effects-a").fancybox({
  27. helpers: {
  28. title : {
  29. type : 'outside'
  30. },
  31. overlay : {
  32. speedIn : 500,
  33. opacity : 0.95
  34. }
  35. }
  36. });
  37.  
  38.  
  39.            
  40. /*
  41. Button helper. Disable animations, hide close button, change title type and content
  42. */
  43.  
  44. $('.fancybox-buttons').fancybox({
  45. openEffect  : 'none',
  46. closeEffect : 'none',
  47.  
  48. prevEffect : 'none',
  49. nextEffect : 'none',
  50.  
  51. closeBtn  : false,
  52.  
  53. helpers : {
  54. title : {
  55. type : 'inside'
  56. },
  57. buttons : {}
  58. },
  59.  
  60. afterLoad : function() {
  61. this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
  62. }
  63. });
  64.  
  65.  
  66.  
  67. /*
  68. Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
  69. */
  70.  
  71. $('.fancybox-thumbs').fancybox({
  72. prevEffect : 'none',
  73. nextEffect : 'none',
  74.  
  75. closeBtn  : true,
  76. arrows    : true,
  77. nextClick : true,
  78.  
  79. helpers : {
  80. thumbs : {
  81. width  : 50,
  82. height : 50
  83. }
  84. }
  85. });
  86.  
  87. });
  88. </script>

¿Qué puede estar sucediendo?

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario

Etiquetas: ajax, funcion, javascript, js
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:51.