Как связать 2 слайдера? Или просто связать события из разных экземпляров функции?

Question

[steklovatnik]

Доброго времени суток!
Есть задача, сделать слайдер и сверху над ним еще миниатюры слайдов (в большом количестве) и и там, и там есть стрелки, которые листают оба слайдера сразу.

Из-за разного количества слайдов swiper слайдер отпал сразу.
Вопрос, как правильно связать событие клика по кнопке одного слайдера с кликом другого?

Хотелось бы чтоб в результате вызов слайдеров вот так в итоге выглядел, но сойдет и как-нибудь еще)
const slider1 = new slider(sliderElement, slidesToShow = 3, connectedSlider);
const slider2 = new slider(sliderElement, slidesToShow = 9, connectedSlider);

Что пока имеется: https://codesandbox.io/s/infinitsliders-ql63u4?fil...

Comments

[VoidVolker]

Так берите и делайте. В чем проблема-то, что мешает? Хотите, чтобы за вас сделали? Так вам на фриланс.

[steklovatnik]

VoidVolker, буду рад любой подсказке, а ваш комментарий бесполезен

[VoidVolker]

буду рад любой подсказке

steklovatnik делаете декомпозицию задачи в несколько итераций до простых элементов и пошагово решаете её. Если что-то непонятно как делать - вбиваете вопрос гугл и в 95% случаях его решение найдется в первых 3-5 строчках.

а ваш комментарий бесполезен

Кто вам такую глупость сказал? Если бы он был бесполезен - я бы его не писал. А для тех кто в танке, объясняю простым языком: он очень даже полезен, а именно я спрашиваю "в чем конкретно проблема"? Из того кода, который я увидел - слайдеры вполне работают, вы вполне знаете как найти элемент по классу/идентификатору в дом-дереве и знаете о такой штуке как "события" и подписка для них. Следовательно, связать два элемента для вас не проблема. И вы это даже делаете в коде. Не можете правильно сформулировать свой вопрос? Так есть отличнейший мануал на эту тему. За вас это никто не сделает. Как и никто не будет вытаскивать из вас клещами детали. Ну и кроме того, тут каждый день десятки вопросов категории "я не хочу читать мануал/написать пару строк в гугл, прочитайте за меня/погуглите за меня, потому что ...(ну, тут каждый придумает миллион причин в меру свой испорченности)...".

Answer 1

[steklovatnik]

В общем, вопрос оказался не сложным, у Event есть свойство isTrusted, которое говорит о том, настоящее событие или эмулированное.
В зависимости от этого значения, можем отправлять ответный клик, либо нет)