this is how i do it (but with a few)
var galPhotos = [{ href: '../img/galeria/fondo1.jpg', 'nextEffect': 'fade', 'prevEffect': 'fade' }, { href: '../img/galeria/fondo2.jpg', 'nextEffect': 'fade', 'prevEffect': 'fade' }, { href: '../img/galeria/fondo3.jpg', 'nextEffect': 'fade', 'prevEffect': 'fade' }, { href: '../img/galeria/fondo4.jpg', 'nextEffect': 'fade', 'prevEffect': 'fade' }, { href: '../img/galeria/fondo5.jpg', 'nextEffect': 'fade', 'prevEffect': 'fade' }, { href: '../img/galeria/fondo6.jpg', 'nextEffect': 'fade', 'prevEffect': 'fade' }]; $('a#gallery').live('click', function() { $.fancybox(galPhotos); });
this would start fancybox with as many images as you put in the array
source share