Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.07.2015, 13:44
Аспирант
Отправить личное сообщение для mxup Посмотреть профиль Найти все сообщения от mxup
 
Регистрация: 18.06.2015
Сообщений: 38

Изменение размеров map area при изменении размера изображения.
Здравствуйте, хотелось бы спросить вот что:
Нарисовал карту map area на изображении. Но при уменьшении размеров окна браузера по ширине - происходит сжатие изображения, но координаты map area карты изображения остаются такими же. Соответственно всё сдвигается. Подскажите пожалуйста, как с помощью Яваскрипта можно добиться масштабирование элементов map area вместе с изображением.
Ответить с цитированием
  #2 (permalink)  
Старый 09.07.2015, 16:01
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

mxup,
1. Имхо делать картинку карты с фиксированной шириной-высотой, отслеживать window.onresize по ширине.
2. Ко всей карте, вместе с area, обработчиком onresize применять css правило
transform: scale(width/widthResize ); // http://htmlbook.ru/css/transform
Где width; widthResize текущий и размер окна браузера, с которого начинается ужатие
Если width>widthResize - операцию пропускаем

Последний раз редактировалось Deff, 09.07.2015 в 16:57.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое изменение размера карусели Liberbox Элементы интерфейса 2 17.10.2014 14:31
Смещение блока при изменении размера окна браузера sedovat Элементы интерфейса 1 07.10.2014 14:51
Событие при изменении размера окна в диапазоне (для адаптивной верстки) spo Общие вопросы Javascript 4 02.10.2014 15:51
Изменение изображения при наведении на ссылку MDS Общие вопросы Javascript 1 08.08.2008 21:54
Динамическое изменение размеров изображения Макс Элементы интерфейса 7 21.07.2008 16:55