Как сделать галлерею картинок?

Question

[chernyavskiy94]

Доброе утро!
Возникла проблема...

Есть такая структура HTML:

<div class="gallery">
  <div class="item">
    <a href="img1.jpg" class="fancybox"><img src="img1.jpg" alt=""></a>
  </div>
  <div class="item">
    <a href="img1.jpg" class="fancybox"><img src="img1.jpg" alt=""></a>
  </div>
  <div class="item">
    <a href="img1.jpg" class="fancybox"><img src="img1.jpg" alt=""></a>
  </div>
</div>

Использую fancybox для открытия картинки в модалке, но нету стрелок для перехода на следующую/предыдущую картинку. Я так понял проблема в том что ссылки которые ведут на картинку не подряд написаны, а отдельно в div'ах.

Каким образом можно обойти эту проблему?

Спасибо!

Answer 1

[rejjer]

у ссылок должно быть data-fancybox-group="gallery" или rel="gallery", от версии зависит
можно разные имена туда ставить, чтобы на одной странице было несколько галлерей