[Lion_astana]

Всем привет!
На офиц. сайте fancybox есть пример отображения фото при клике на ссылку:

<p>
  <a id="test" href="javascript:;" class="btn btn-primary">Click me</a>
</p>

$("#test").on('click', function() {

  $.fancybox.open([
    {
      src  : 'https://source.unsplash.com/IvfoDk30JnI/1500x1000',
      opts : {
        caption : 'First caption',
        thumb   : 'https://source.unsplash.com/IvfoDk30JnI/240x160'
      }
    },
    {
      src  : 'https://source.unsplash.com/0JYgd2QuMfw/1500x1000',
      opts : {
        caption : 'Second caption',
        thumb   : 'https://source.unsplash.com/0JYgd2QuMfw/240x160'
      }
    }
  ], {
    loop : true,
    thumbs : {
      autoStart : true
    }
  });

});

Вопрос: как можно внутрь JS вставить данные, полученные функцией AJAX, интересуют эти строки:

src  : 'https://source.unsplash.com/IvfoDk30JnI/1500x1000',
      opts : {
        caption : 'First caption',
        thumb   : 'https://source.unsplash.com/IvfoDk30JnI/240x160'
      }

Т.е. я отправляю запрос скрипту, который формирует список и либо строкой, можно массивом получить это, потом в цикле перебрать, что-то типа:

$.fancybox.open([
тут перебор массива, который формирует данные
], {
    loop : true,
    thumbs : {
      autoStart : true
    }
  });

Получаю нужный массив, не могу реализовать его перебор правильно. Цикл FOR внутрь [] не получается вставить... Что-то запутался, как это сделать?

Я могу подгрузить миниатюрки в блок, потом при клике они увеличиваются, это не вопрос, а вот при клике по ссылке сразу увеличить и иметь возможность далее листать - не получается.

Буду благодарен за советы!