Галерея Featherlight работает неправильно

Question

У меня следующая структура:

<div class="extra-images-wrapper">

    <a href="#" class="gallery-image extra-image-wrapper" data-featherlight="fullsize1.jpg" style="outline: none;"><img src="/thumbnail1.jpg"></a>

    <a href="#" class="gallery-image extra-image-wrapper" data-featherlight="fullsize2.jpg" style="outline: none;"><img src="/thumbnail2.jpg"></a>

    <a href="#" class="gallery-image extra-image-wrapper" data-featherlight="fullsize3.jpg" style="outline: none;"><img src="/thumbnail3.jpg"></a>

</div>

Я инициализирую галерею Featherlight со следующим:

$('a.gallery-image').featherlightGallery({
    previousIcon: '«',
    nextIcon: '»',
    galleryFadeIn: 300,
    openSpeed: 300
});

Однако проблема, с которой я сталкиваюсь, заключается в том, что предыдущий / следующий навигация недоступна - заставляет меня думать, что изображения на самом деле не связаны в «галерею» - это может быть связано с размещением img внутри тега a - делает это увидеть каждый a тег как отдельную галерею?

Как бы я решил это?