native javascript slider with gallery
 

Ребята, подскажите, как исправить следующую ошибку:

Необходимо реализовать на native javascript следующий функционал:
слайдер контента (фотографий) и при нажатии на какой либо слайд отображает popup окно с выбранным слайдом, и это фактически тоже слайдер, но в popup окне.

Для реализации выбрал следующие инструменты:
https://www.npmjs.com/package/tiny-slider
и
https://sachinchoolur.github.io/lightgallery.js/

но в итоге проблема в том, что миниатюры в popup окно дублируются из-за клонов, которые делает слайдер.
Прежде, используя jquery и слайдер slick подобной проблемы не было.

Может кто-нибудь знает как решить данную задачу?

#aniimated-thumbnials
    a(href=require("../../images/content/formula-1-abu-dhabi-grand-prix.jpg"))
      img(src=require("../../images/content/formula-1-abu-dhabi-grand-prix.jpg"))
        
    a(href=require("../../images/content/iphone-6-eppl-chernyy-stil.jpg"))
      img(src=require("../../images/content/iphone-6-eppl-chernyy-stil.jpg"))
        
    a(href=require("../../images/content/formula-1-abu-dhabi-grand-prix.jpg"))
      img(src=require("../../images/content/formula-1-abu-dhabi-grand-prix.jpg"))

var slider = tns({
  container: '#aniimated-thumbnials',
  items: 1, // 3
  slideBy: 'page',
  autoplay: true,
  mode: 'gallery'
});

require(['../../libraries/lightgallery/lightgallery.min.js'], function() {
      require(["../../libraries/lightgallery/lg-zoom.js", "../../libraries/lightgallery/lg-thumbnail.js"], function(){
        lightGallery(document.getElementById('aniimated-thumbnials'), {
          thumbnail:true
        });
      });
    });