Изменение размеров map area при изменении размера изображения.
Здравствуйте, хотелось бы спросить вот что:
Нарисовал карту map area на изображении. Но при уменьшении размеров окна браузера по ширине - происходит сжатие изображения, но координаты map area карты изображения остаются такими же. Соответственно всё сдвигается. Подскажите пожалуйста, как с помощью Яваскрипта можно добиться масштабирование элементов map area вместе с изображением. |
mxup,
1. Имхо делать картинку карты с фиксированной шириной-высотой, отслеживать window.onresize по ширине. 2. Ко всей карте, вместе с area, обработчиком onresize применять css правило transform: scale(width/widthResize ); // http://htmlbook.ru/css/transform Где width; widthResize текущий и размер окна браузера, с которого начинается ужатие Если width>widthResize - операцию пропускаем |
Часовой пояс GMT +3, время: 01:12. |