Ребята, подскажите, как исправить следующую ошибку:
Необходимо реализовать на 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
});
});
});