Your IP : 172.28.240.42

Current Path : /var/www/html/clients/brand.e-nkama.ru/assets/js/
Upload File :
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)`;
//     });
//   });