Current Path : /var/www/html/clients/brand.e-nkama.ru/assets/js/ |
Current File : /var/www/html/clients/brand.e-nkama.ru/assets/js/script.js |
// document.addEventListener('DOMContentLoaded', () => { // const mapImg = document.querySelector('.map__img'); // const mapImgImg = mapImg.querySelector('img'); // Используем querySelector вместо children[0] // mapImg.addEventListener('mousemove', (event) => { // const rect = mapImg.getBoundingClientRect(); // const x = event.clientX - rect.left; // const y = event.clientY - rect.top; // const scrollingDivWidth = mapImg.offsetWidth; // const scrollingDivHeight = mapImg.offsetHeight; // const scrollingDivX = x / scrollingDivWidth; // const scrollingDivY = y / scrollingDivHeight; // mapImgImg.style.transform = `translate(${(scrollingDivX * 100 - 50) * -1}%, ${(scrollingDivY * 100 - 50) * -1}%) scale(4)`; // }); // }); // document.addEventListener('DOMContentLoaded', () => { // const mapImg = document.querySelector('.map__img'); // const mapImgImg = mapImg.querySelector('img'); // mapImg.addEventListener('mousemove', (event) => { // const rect = mapImg.getBoundingClientRect(); // const x = event.clientX - rect.left; // const y = event.clientY - rect.top; // const scrollingDivWidth = mapImg.offsetWidth; // const scrollingDivHeight = mapImg.offsetHeight; // const scrollingDivX = x / scrollingDivWidth; // const scrollingDivY = y / scrollingDivHeight; // // Проверка границ // const maxX = scrollingDivWidth - mapImgImg.offsetWidth; // const maxY = scrollingDivHeight - mapImgImg.offsetHeight; // const minX = 0; // const minY = 0; // let translateX = (scrollingDivX * 100 - 50) * -1; // let translateY = (scrollingDivY * 100 - 50) * -1; // if (translateX < minX) translateX = minX; // if (translateX > maxX) translateX = maxX; // if (translateY < minY) translateY = minY; // if (translateY > maxY) translateY = maxY; // mapImgImg.style.transform = `translate(${translateX}%, ${translateY}%) scale(4)`; // }); // });