Adobe Animate and Fancybox

Question

I am trying to get the Fancybox plugin working with animate but I can only get individual images to display.
How can I add: rel="gallery" to the individual edge div elements that are the thumbnails for the lightbox slideshow?
Here is the code so far:
Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) {
   $('<script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.1"></script>').appendTo("#Stage");
   $('<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.1" media="screen" />').appendTo("#Stage");
   sym.$("Rectangle").fancybox({
             href: 'images/slides/1_Landscape.jpg',
             title : 'Title1'
   sym.$("Rectangle2").fancybox({
             href: 'images/slides/2_Landscape.jpg',
             title : 'Title2'

Answer 1

Hi,
For the thumbnails I first create an array and a function:
var group = [
               href : 'images/1.jpg',
               title : 'Whatever'
               href : 'images/2.jpg',
               title : 'Whatever'
               href : 'images/3.jpg',
               title : 'Whatever'
function open_fancybox(index){
     $.fancybox.open(
          group,
               index: index,
               padding : 0
Then for each thumbnail a click event:
open_fancybox(0);
Hope this helps
Steve
open_fancybox(1);
open_fancybox(2);