How do I open fancybox via manual call for a gallery in the html not via the jquery options?

Question

I am just looking at the fancybox v2 at the moment.

I am trying to get a gallery to load with fancybox but with manual call. I dont want the gallery images to be loa

Answer 1

Make sure that all new loaded images share the same class and rel attribute within the anchor that links to them

Those html anchors can be inside a hidden div if you want. You can check this post for reference.

Then, bind them to fancybox

$(".fancybox").fancybox();

You said you will be using a CMS so if the href format of your loaded images is something like http://path/to/image/?abc=123 (no image extension for instance) add the type:"image" option to your script

$(".fancybox").fancybox({
 type:"image"
});

If the anchors are visible, clicking on any of them will start the gallery.

On the other hand, you may use any other link to start the gallery "manually"

open gallery

and add this script:

$("#launcher").on("click", function(){
 $(".fancybox").eq(0).trigger("click");
});

the .eq() method is used to start the gallery from the first item (can be any though) otherwise the gallery will start from the last appended item. Also, the .on() method requires jQuery v1.7+