Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   проблемы с jQuery и оптимизацией (https://javascript.ru/forum/events/30564-problemy-s-jquery-i-optimizaciejj.html)

cyber 10.08.2012 18:00

да я вообщем и не запутался..
просто я не пойму что с точками.
а на счет margin и padding , их там вообще нет и они обнолены

cyber 10.08.2012 19:55

поправил пару багов, но всеравно эти точки не стоят на месте .
Уже не знаю что с ними делать ....
http://cyberua.16mb.com/files/zoom.html

Deff 10.08.2012 20:08

cyber,

1. Для того чтобы они стояли - Вам необходимо работать не с элементов с id='img' а элементом id='wrapper' и размеры при зуме и cмещение при drag and менять его
а карту ставим таким кодом

<img id='img' src='img/general.jpg' width=100% />
и позиция у него не задана или статис, т. есть элемент вклеен во wrapper

тогда эти <div class="point_on_map"></div> намертво спозиционированы будут к wrapper

у <div id="wrapper"> position: удобная Вам и отличная от static или по умолчанию

cyber 10.08.2012 21:04

хм..
ну это уже ближе к правде, но все равно точки смещаются..
http://cyberua.16mb.com/files/zoom.html
П.с уже дошел до того что пытался понять как у гугла это работает , но чет тяжело читается их код=)

cyber 10.08.2012 22:08

пробовал рассчитать на сколько процентов увеличивается изображение и на столько % сместить точку (относительно начальной позиции) , почти получилось но не пойму откуда погрешность в пару px и за этой погрешности (2-3 пикселя) видно что точка движется

Deff 10.08.2012 22:14

Цитата:

Сообщение от cyber
ну это уже ближе к правде, но все равно точки смещаются..

Ти при зуме сейчас не правишь координаты у .map a, которые и смещают твои точки (при зуме ведь их координаты остаюца старыми или выставляй им смещение в %
И стиль чуть поправь

.map a {
position:absolute;
display:inline:block;
}

cyber 10.08.2012 22:23

Цитата:

Сообщение от Deff (Сообщение 196385)
Ти при зуме сейчас не правишь координаты у .map a, которые и смещают твои точки (при зуме ведь их координаты остаюца старыми или выставляй им смещение в %
И стиль чуть поправь

.map a {
position:absolute;
display:inline:block;
}

т.е старые?
они меняются при увеличение, и не совсем понял про %

Deff 10.08.2012 22:25

cyber,
Если left и top изначально пересчитать к размерам wrapper - то можно ставить left:10%; top:13%;(к примеру) и забыть про правку при зумме
но это достоверно для

.map a {
position:absolute;
display:inline:block;
}

Deff 10.08.2012 22:32

cyber,
Ксать заметил - что у тьву зумм на пойнтеры - в обратную строну - при уменьшениии карты - вроде как смещение увеличиваешь (на zoom нужно умножать координату (и при увеличении - тоже - хотя это при увеличении правильно
Мож ты где абсолютное значение берешь ?

Заметь - при увеличении карты - точки прилеплены

cyber 10.08.2012 22:34

хм.. с % идеально, если подойдет так и сотавлю

П.с самое смешно что я на сам скрипт потратил 4 часа , с точками сижу 3й день=)
спасибо что помогаешь =)


Часовой пояс GMT +3, время: 00:14.