Не кликабельные изображения в карусели

На сайте есть карусель изображений(owlCarousel). Чтобы сделать вывод кликабельных изображений использую Gallery и lightGallery.
Проблема заключается в том, что кликабельно только первое изображение в карусели, на остальные lightGallery почему-то не срабатывает.

Это вывод в шаблоне:

<h2 class="title2 title-border">Фотогалерея</h2>
<div class="owl-carousel owl-mtop" id="about-team">
        [[!Gallery?
               &album=`2`
               &checkForRequestTagVar=`1`
               &linkToImage=`1`
               &thumbTpl=`gallery-carusel-tpl`
        ]]
</div>

Это чанк gallery-carusel-tpl:

<div class="team-item">
        <div class="team-item-wrapper">
            <div class="team-member-picture-wrapper">
                <div class="team-item-picture">
					<ul id="lightGallery">
                        <li data-src="[[+image_absolute:rezimgcrop=`r-800`]]" class="lightgall" rel="gallery1">
                            <img src="[[+image_absolute:rezimgcrop=`r-x120`]]"alt=""/>
                        </li>
					</ul>
                </div>
            </div>
        </div>
</div>

В чем проблема — понять не могу.

Заранее спасибо.