fancybox не применяется слайдер к галерее

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

Проблема следующая: плагин применяется, модальное окно открывается, но только с одной картинкой, листать ничего нельзя.

<div class="column-4 column-sm-6 column-to-xs-12">
  <img src="{Путь к изображению}">
</div>
<div class="column-4 column-sm-6 column-to-xs-12">
  <img src="{Путь к изображению}">
</div>
<div class="column-4 column-sm-6 column-to-xs-12">
  <img src="{Путь к изображению}">
</div>

вот js:

$(function(){
  $(".gallery img").each(function(){
     $(this).parent()
        .addClass('gal')
        .attr({
         'rel': 'group',
         'href': $(this).attr('src')
      });
  });
  $(".gal").fancybox()
})