Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.07.2018, 13:48
Профессор
Отправить личное сообщение для s24344 Посмотреть профиль Найти все сообщения от s24344
 
Регистрация: 12.08.2015
Сообщений: 206

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
        });
      });
    });

Последний раз редактировалось s24344, 02.07.2018 в 14:12.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите упростить код спойлера Exrector Элементы интерфейса 2 30.06.2013 17:13
Книга: JavaScript. Сильные стороны Magneto Учебные материалы 16 21.04.2013 15:28
Интерпретатор Java на JS kobezzza Оффтопик 24 11.10.2012 18:32
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34