![]() |
|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
![]() |
|
Опции темы | Поиск в этой теме |
![]() |
#1 |
Новичок
Джуниор
Регистрация: 17.06.2016
Сообщений: 1
|
![]()
Всем привет.
Столкнулся с такой проблемой. Есть план торгового центра, его необходимо сделать активным, т.е. при наведении на определенный объект должна всплывать подсказка с карточкой арендатора помещения. Изначально попробовал реализовать это через карту изображения (map area), но этот вариант не подходит для сайта с адаптивной версткой. Изображение уменьшается а координаты областей остаются прежними. Если кто то сталкивался с такой задачей подскажите варианты ее решения. Заранее спасибо за помощь. |
![]() |
![]() |
![]() |
#2 |
юзер как все
Участник клуба
Регистрация: 10.01.2012
Сообщений: 1,586
|
![]()
Может брать кординаты относительные родителя ?
Если родитель 80% то, все кординаты у дочерних елементов (оригинальная ширина * 0.8) Если родитель 40% то, все кординаты у дочерних елементов (оригинальная ширина * 0.4) Как вариант.
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
|
![]() |
![]() |
![]() |
#3 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
![]()
pompiduskus, годный вариант.
1. Еще можно юзануть флеш 2. JavaScript, если умеете задавать область и определять попадание курсора в нее 3. canvas с его активными областями 4. CSS сложной формы (http://www.gen-su.ru/ упрощенно, но как пример) 5. image-map и ресайз карты средствами transform, свой функционал внутри себя она сохранит в собственных пикселях. 6. SVG пс. я бы выбрал 4 вариант, или если ахренеть какие сложные фигуры, то pomp-a.
Alar, верни репу!
|
![]() |
![]() |
![]() |
![]() |
||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Адаптивная верстка на Бутстрапе | Capz | HTML и CSS | 1 | 26.03.2015 09:50 |
Адаптивная верстка | kostya67 | HTML и CSS | 3 | 01.02.2015 10:53 |
Адаптивная верстка сайта | Андрей79 | HTML и CSS | 0 | 05.04.2014 18:16 |
как узнать, что окно активное/не активное | beegl | Общие вопросы Delphi | 6 | 01.01.2013 22:48 |
Активное изображение. | Necare | HTML и CSS | 6 | 21.03.2011 19:51 |