Как сделать слайдер fancybox с главным изображением?

Question

[antbelogurov]

Привет. Столкнулся с проблемой.
У меня есть вот такой вывод.(см изображение)

Есть главная картинка и 2или более маленьких.
Мне нужен реализовать следующий алгоритм:
1.при клике на small img , Big img менялась на изображениt, на которое кликнули.
Тут проблем нет, я по атрибуту подтягиваю src.
2.при клике на Big IMG у меня появлялся фенсибокс с галереей.
То есть если у меня 2 small img то я мог перелистывать.
Но повесив фенсибокс на BIG IMG он делает фенсибокс 1 изображения.

Тут надо как то интегрировать rel='group' , но как это сделать правильно, ума не приложу.

<div class="main-img">
                <a class="fancybox"    href="big-img.png">
                    <img  src="small-img.png" alt="">
                </a>
            </div>
            <div class="catalog-element__gallery gallery">
                                 <a class="fancybox"    href="big-img.png">
                    <img  src="small-img.png" alt="">
                </a>
                 <a class="fancybox"    href="big-img2.png">
                    <img  src="small-img2.png" alt="">
                </a>                   
            </div>