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
<!-- Add jQuery library --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <!-- Add fancyBox main JS and CSS files --> <script type="text/javascript" src="source/jquery.fancybox.js"></script> <!-- Add Thumbnail helper (this is optional) --> <link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-thumbs.css" /> <script type="text/javascript" src="source/helpers/jquery.fancybox-thumbs.js"></script> <script type="text/javascript"> $(document).ready(function() { /* Simple image gallery. Use default settings */ $('.fancybox').fancybox(); /* Different effects */ // Change title type, overlay opening speed and opacity $(".fancybox-effects-a").fancybox({ helpers: { title : { type : 'outside' }, overlay : { speedIn : 500, opacity : 0.95 } } }); /* Button helper. Disable animations, hide close button, change title type and content */ $('.fancybox-buttons').fancybox({ openEffect : 'none', closeEffect : 'none', prevEffect : 'none', nextEffect : 'none', closeBtn : false, helpers : { title : { type : 'inside' }, buttons : {} }, afterLoad : function() { this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : ''); } }); /* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked */ $('.fancybox-thumbs').fancybox({ prevEffect : 'none', nextEffect : 'none', closeBtn : true, arrows : true, nextClick : true, helpers : { thumbs : { width : 50, height : 50 } } }); }); </script>
¿Qué puede estar sucediendo?
Gracias por su ayuda