JS Drift Zoom на 3 фотографии одновременно, с одинаковыми координатами (при наведении) - PullRequest
Новая
       15

JS Drift Zoom на 3 фотографии одновременно, с одинаковыми координатами (при наведении)

0 голосов
/ 28 февраля 2020

Я использую библиотеку Drift Zoom (вы можете увидеть ее здесь https://imgix.github.io/drift/), чтобы отобразить 3 фотографии на моей странице, расположенные одна под другой.

Это код, который я использую, их базовый код c: 


var demoTrigger1 = document.querySelector('.demo-trigger1');
demoTrigger1.setAttribute('src', image.src);
var paneContainer1 = document.querySelector('.detail1');
demoTrigger1.setAttribute('data-zoom', image.src);
new Drift(demoTrigger1, {
  paneContainer: paneContainer1,
  inlinePane: false,
});

Теперь у меня есть 3 из них, потому что у меня не было возможности организовать их в al oop пока, но я сделаю это.

Функция, которая мне понадобится, заключается в том, что когда вы наводите курсор мыши на одно из изображений, и появляется увеличенное изображение, мне нужно, чтобы увеличенная версия отображалась для а также 2 другие фотографии, масштаб которых точно совпадает с координатами, на которых находится курсор.

Как вы думаете, это возможно? Если да, я был бы очень признателен за некоторые советы, я новичок в программировании, поэтому есть много вещей, о которых я не знаю.

Спасибо!

...