JQuery lightgallery где изменить настройки js?

Question

[Петр Фронин]

Ребята помогите пожалуйста разобраться в js не очень силен!
Подключил библиотеку jQuery lightgallery

<link href="/blueimp-gallery.min.css" rel="stylesheet">
<script src="/blueimp-gallery.min.js"></script>
<script src="/dosamigos-blueimp-gallery.js"></script>

если в коде прописать:

<div id="lightgallery">
  <a href="img/img1.jpg">
      <img src="img/thumb1.jpg" />
  </a>
  <a href="img/img2.jpg">
      <img src="img/thumb2.jpg" />
  </a>
</div>

то все отлично работает, но мне необходимо прописать так:

<div>
                    <figure>
                        <a href="img/img2.jpg">
                            <img src="img/img2.jpg"/>
                        </a>
                        <figcaption>
                            <p>
                                <a href="#"><i></i> 123</a>
                            </p>
                        </figcaption>
                    </figure>
</div>

в этом случае она отрабатывает на половину! Открывается фотка во весь экран, но нету кнопок прокрутки вправо влево, то есть просто по 1 фотке открывается.
Ткните пожалуйста кто разбирался с данной галереей, с js не очень дружу!

Comments

[uyrij]

я пользовался не lightgallery а lightbox'ом , но в принципе они похожи. Галерея состоит из превью - thumbnail и картинки. нужно указывать и то и другое - как у вас и сделано в примере 1 а во 2 примере одного img src= нехватает

Answer 1

[Alexander Zharikov]

Да просто укажите селектор при вызове галереи:

$('#lightgallery').lightGallery({
    selector: 'a',  // добавь вот эту строку
  });