| cyber | 01.09.2012 22:33 |
да , это потом, сделаю точки и вполне возможно так и сделаю=)
|
cyber,
:) А был жа вариант - ставить им точные проценты и забыть про точки вообще, - в процентах, в принципе, два знака после точки работают во всех браузерах( далее просто не проверял типо 30.13% - работает |
К примеру вторая точка будет выглядеть так
<a href="#" class="point_on_map" style="left: 27.31%; top: 36.40%"><img src="http://www.google.com/mapfiles/marker.png" /></a> и она , при этом не дергаецо при текущем (если отключить скрипт коррекции точек |
угу, мог бы сделал, но кое кого это не устраивает
|
Цитата:
|
сделать наоборот тому что оно делает, щас.
я об этом не подумал:) |
Deff, я запутался=)
что бы точка не смещалась не масштабируясь я прибавляю то насколько она увеличилась относительно предыдущего размера width = текущая ширина; (width * zoom) - width; и прибавляю к смещению но эта зараза все равно едит.. |
Цитата:
1. После установки точки - её left делишь на текущую ширину карты и и умножаешь на максимальную ширину карты - получаешь константу Left00 - при максимальной ширине картинки, которую умножаешь в дальнейшем на zoom ( воть и всё Хотя, - если при установке точки её left чисто поделить на текущую ширину карты(без умножений) - получаешь Left в % который можно поставить единожды и забыть про точку ( для top - тоже самое - но относим к высоте |
если ставить % то все равно уежает на не большое растояние...
|
Цитата:
|
Цитата:
|
Цитата:
3 -й вариант -% выставлены с недостаточной точностью - (пробуй увеличить разрядность ) но это если точно первые два пункта не проходят |
ты меня за кого держиш?
|
|
юмор в том что она уежаетв % на столько же что и когда я расчитую скриптом
|
Цитата:
|
Цитата:
|
сам постараюсь.
|
Чот у меня в Опере , без Анимации - ничего не съезжает
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
<style>
*{margin:0; padding:0;}
.wrapper .zooming-map,.zooming-map > img{
position:absolute;
width:100%;
height:100%;
}
.point_on_map {
width: 0px;
height: 0px;
position:absolute;
display:block;
border:1px red solid;
}
.point_on_map img{
margin:-34px 0 0 -10px!important;
position:absolute;
border:1px solid transparent;
}
.map a {
position:absolute;
}
.map{
width:1800px;
height:1000px;
overflow:hidden;
/*margin:10px;*/
border:1px solid black;
}
.map .wrapper{
width:1600px;
height:1000px;
cursor: move;
}
.little_point {
position:absolute;
width:5px;
height:5px;
background-color:#000;
}
</style>
<script src="jquery.js"></script>
<script type="text/javascript" src="zoom.js"></script>
</head>
<body>
<div class="map" id="map">
<div id="wrapper" class="wrapper">
<div id="zooming" class="zooming-map">
<img src="general.jpg"/>
<a href="#" class="point_on_map" style="left: 2px; top: 2px;"><img src="http://www.google.com/mapfiles/marker.png" /></a>
<!--<a href="#" class="point_on_map" style="left:20%; top:30%;"></a>-->
<a href="#" class="point_on_map" style="left: 427px; top: 356px; "><img src="http://www.google.com/mapfiles/marker.png" /></a>
</div>
</div>
</div>
<br/>
<div >Начальные координаты x = 10 , y = 36
<input id="val" type="text" style="width:400px;" >
</div>
<a href="#" onClick="zoom.In();return false;">+</a>
<script>
/*
у обьекта [zoom] (обьект будет называтся в зависимости от имени переменной) есть методы:
[zoom].In при вызове увеличивается карта (как при увелечение колесиком)
и
[zoom].out при вызове меньшается карта (как при уменьшение колесиком).
*/
var zoom = new MouseWheel_Zoom({
elem: $('#map'),// контейнера в котором находится карта
scale: 1.5,//зум элемента минимиальное значение 1
offset:{//изначальное смещение карты по х и по у по умолчанию = 0,0
x:0,
y:0
},
size:{
width:[1600,10386],//width[минимальная ширина,максимальная ширина]
height:[1000,4890]//height [минимальная высота,максимальная высота]
},
points:{
position:['713 533 10 10']
}
});
/*
action - срабатывает при изменение зума (уменьшенме/увелечение)
this == обертке которую увелечивают
elem == блок в котором находится обертка, карта и все остальное.
*/
/*
* фунуия при прокрутки колесика
* callback функция
*/
zoom.setActionZoom({
MouseZoom:function (/*обертка*/wrapper, zoom/*текущи зум*/) {
//this = блок и с изображением\катрой
},
callback: function (/*обертка*/wrapper, zoom/*текущи зум*/) {
//this = блок и с изображением\катрой
}
});
</script>
</body>
</html>
|
а в хроме все равно едит.
но я решил проблему,хоть и костылями но решил, щас залью |
с горем пополам, с костылями, но заставил его стать куда нужно=)
http://cyberua.16mb.com/files/ так достал этот проект что уже все равно как лиж бы работал=) |
центр увеличения - центр изображения, а не место, куда указывает мышь. так должно быть ? :)
|
да=)
|
зум, я то знаю как по красивей сделать, но мне впадлу я уже не могу смотреть на этот проект
|
cyber,
:-? В Опере всё равно немножко ползёт (но с возвратом) при изменении масштаба... всё таки есть какая то фича с css анимацией - она по разному анимирует пойнтер и карту |
добавил фон что бы видно было суть извращения с точкой=)
http://cyberua.16mb.com/files/ |
cyber,
Ни наю, у меня в Гугле - верхний левый угол - привязанный - остальное, вместе с пойнтером - движецо Показал приклеенную точку  |
сам фон увеличивается, а точка позиционируется в низу по центру?
|
Цитата:
|
да, оно, прикол в том что координаты расчитываются с учетом масштаба и самой точки, ну и я подумал фиг с ним пусть масштабируется, если убрать фон то этого не видно.
а точка позиционируется по центру в низу |
Цитата:
сколько ты им занимаешься? я занимаюсь одной единственной безбожной функцией анимирования с конца января 2012. она уже в печёнке сидит - так она меня задолбала. я бросал её уже несколько раз - задалбливался её писать. зато я с начала августа начал ею активно заниматься после двухмесячного перерыва, перепробовал все способы анимирования, и знаю теперь, как надо, и как не надо, и как лучше всего. в конце концов, http://habrahabr.ru/post/66803/ упорство - вот по какой причине я до сих пор её не закинул. |
а не плохая идея.
|
Цитата:
а потом вернусь и сделаю с нуля этот чертов проклятый скрипт! |
Цитата:
у мну во всех браузах(ИЕ не проверял) при уборки css анимации - точка жестко привязана |
в хроме без анимации ездит..
|
Все,убил месяц на него , не зря много чему научился, и сделаю то что хочу и вернусь к нему.
Deff, спасибо что помогал, твои подсказки были очень полезны. melky, что же там за анимация такая то? |
melky,и тут еще в чем фишка, у меня начинается универ и у меня не будет столько времени этим заниматься , тут даже дело не в сдался , просто в не хватке времени.
|
Цитата:
Цитата:
|
да я хочу просто книгу до читать, на самом интересном остановился перед прототипами=)
melky, что типо transform на js? |
Цитата:
Цитата:
|
| Часовой пояс GMT +3, время: 00:55. |