humanoid67 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Первый вопрос в данной ветке.   Существуют раличные способы как на JS так и CCS установливать изображение растянув его на весь экран (фулскрин) и которе масштабируется в зависимости от размера экрана.   Есть ли возможность привязывать линк-маркеры (иконки верхними слоями) к такому изображению, которые при изменении размеров экрана оставались на том же месте (прязаны к гипотетическим координатам) ... практически как в Google Maps, только в отличии от Google Maps, это изображение ограничено только размерами экрана?   Такое можно сделать легко на Flash, а вот чисто на HTML возможно ли? ---------- www.gumirj.com Всего записей: 1697 | Зарегистр. 09-05-2006 | Отправлено: 20:06 24-10-2013 | Исправлено: humanoid67, 20:12 24-10-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору humanoid67 Цитата: (прязаны к гипотетическим координатам) делаете родителю position:relative; а иконкам position:absolute;left:0px;top:0px; и они всегда будут привязаны к левому верхнему углу родителя. ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:33 24-10-2013

humanoid67 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery   Спасибо, но в том то и дело, что данная конструкция вообще не подходит...   Представьте карту Москвы (это изображение которое установлено в фулскрин) ну с определнным ограничением по карте, тупо какой-то вырезанный прямоугольник нужной нам области....   Поверх слоями (подобно маркерам Google) Обозначены например Кремль, Кольцо в Сокольниках... ну и как привязать точно эти маркеры     В соотвествии с Responsive Web Design   для теста можно мышкой менять размер окна браузера симулируя разны размеры экрана -   карта картинка-фон будет естественно масштабироваться (увеличиваться \ уменшаться), а маркеры будт плавать от этих точек...   Суть то в этом  - нужны привязки с учетом масштабирования т.е. на одном мониторе карта относительно в подлинном размере маркеры, там где положено, на маленьком экране карта ужалась \ уменшилась, маркеры стали кучнее друг другу, но сохранили свои (гипотетические позиции) точные отметки на карте...   Я боюсь, что для многих здесь присутствующих спецов - решение этой задачи будет не под силу...   На буржуйском форуме я задал аналогичный вопрос... там тишина... ---------- www.gumirj.com Всего записей: 1697 | Зарегистр. 09-05-2006 | Отправлено: 07:34 25-10-2013 | Исправлено: humanoid67, 07:35 25-10-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору humanoid67 Цитата: Суть то в этом  - нужны привязки с учетом масштабирования т.е. на одном мониторе карта   ну и в чем проблема? уменьшили масштаб - пересчитали положение элементов относительно родителя. элементарная математика. работаете с реальными координатами, а зачем, в соответствии с масштабом, пересчитываете координаты в пиксели ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 08:33 25-10-2013

humanoid67 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery   Цитата: ну и в чем проблема?   Взгляните пожалуйста на пример: http://mmgfx.com/test/map.html И как по Вашему должна "без проблем" отображаться карта в данном примере с маркерами при масштабировании окна браузера, что бы при любом размере окна, одни маркер постоянно находился и указывал на Кремль, другой на Курский вокзал?     Опять таки в соотвествие с темой вопроса касательно RWD ---------- www.gumirj.com Всего записей: 1697 | Зарегистр. 09-05-2006 | Отправлено: 12:11 25-10-2013 | Исправлено: humanoid67, 12:12 25-10-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору humanoid67 что то в этом роде http://jsfiddle.net/j77yD/ там нужно доработать на учет того, если картинка не полностью отображена. просто даю идею ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:27 25-10-2013

humanoid67 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery   Спасибо... но конструкция не рабочая   Скрипт отсчитывает относительный начальный стартовый размер экрана и далее вносит коррекцию маркеров от стартовой позиции...   если например уменшить произвольно размер окна браузера и обновить страницу то маркеры примут совершенно иную позицию (собственно с изначальной установкой top\left)...   http://mmgfx.com/test/map_by_cheery.html   видимо как-то надо маньячить с процентными условиями а не с пиксельными... ну вообщем как бы задача "повисла в воздухе"... без решения ---------- www.gumirj.com Всего записей: 1697 | Зарегистр. 09-05-2006 | Отправлено: 13:02 26-10-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору humanoid67 Цитата: конструкция не рабочая я же написал, что это лишь подсказка в каком направлении двигаться.   Цитата: как-то надо маньячить с процентными условиями а не с пиксельными.. если посмотрите, то пиксельное - только начальные координаты. далее сохраняется именно процентное соотношение и из него пересчитываются новые координаты.   Цитата: если например уменшить произвольно размер окна браузера и обновить страницу то маркеры примут совершенно иную позицию (собственно с изначальной установкой top\left). это все поправимо, при желании. ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:57 26-10-2013

humanoid67 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery   Цитата: я же написал, что это лишь подсказка в каком направлении двигаться.     У меня знания в этой области не такие обширные.. и если CCS более менее для меня понятен, то многое из JS для меня - это "китайская грамота"   Цитата: это все поправимо, при желании. желание есть, но нет опыта в этом...  как у Вас ---------- www.gumirj.com Всего записей: 1697 | Зарегистр. 09-05-2006 | Отправлено: 07:05 27-10-2013

humanoid67 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору да... спецов тут нет... казалось бы не очень сложная задача... но в других ветках,  этого раздела... почитаешь там прямо "кладезь web мудрости" "брызжит через край"... Всего записей: 1697 | Зарегистр. 09-05-2006 | Отправлено: 16:59 29-10-2013 | Исправлено: humanoid67, 16:59 29-10-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору humanoid67 Цитата: спецов тут нет... казалось бы не очень сложная задача. есть, но что вы хотите - решение на блюдечке с каемочкой?   наймите кого то - вам напишут, а даром кто захочет возиться? направление подсказали, если есть еще вопросы - спрашивайте, но кто за вас то делать будет? ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:58 29-10-2013

Компьютерный форум Ru.Board » Интернет » Web-программирование » Responsive Web Design

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование