Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   оптимизация drag and drop (https://javascript.ru/forum/events/31024-optimizaciya-drag-drop.html)

cyber 31.08.2012 23:57

ты об этом?
.point_on_map {

width: 20px;
height: 34px;
background-image:url([url]http://www.google.com/mapfiles/marker.png);[/url]

}	


.map a {
position:absolute;
-webkit-transition: all 1s ease;	
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;

}

<a href="#" class="point_on_map" style="left:20%; top:30%;"></a>
<a href="#" class="little_point" style="left: 435px; top: 384px;"></a>
<a href="#" class="point_on_map" style="left: 427px; top: 356px; "></a>

Deff 01.09.2012 00:18

:dance:
<style type="text/css">
.point_on_map {
width: 0px;
height: 0px;
position:absolute;
display:block;
*!*
border:1px blue solid;
*/!*
}


.point_on_map img{
 margin:-34px 0 0 -10px!important;
 position:absolute;
 border:0 none transparent;
}
</style>
<br>
<a href="#" class="point_on_map"  style="left: 435px; top: 384px;"><img src="http://www.google.com/mapfiles/marker.png" /></a>

cyber 01.09.2012 00:27

теперь точка уежает, не много меньше и в низ

Deff 01.09.2012 00:31

cyber,
Поставь точку в начало картинки карты позицию left:2px; top:2px;
Отслеживай left: точки (выводи знчение в input тext

cyber 01.09.2012 00:42

2px не получится ты же сам поставил margin - 34

Deff 01.09.2012 00:43

cyber,
Гы - должно получицо - маргин то для картинки - а ты двигаешь <a
Если не убирал бордер - красная точка должна быть на карте!

Вот в макромасштабе (бордер сделал синим

cyber 01.09.2012 00:51

эм..
не двинулась http://cyberua.16mb.com/files/
а вторая сместилась, почему?

cyber 01.09.2012 00:59

ахахха, я понял, сместилась ссылка а картинка осталась на месте?!

Deff 01.09.2012 01:21

cyber,
Поменяй css - по-ходу глюк с анимацией в css

<style>
*{margin:0; padding:0;}

.wrapper .zooming-map,.zooming-map > img{
position:absolute;
width:100%;
height:100%;

}
.wrapper .zooming-map,.zooming-map {
   position:absolute;z-index:100;
   transition-duration: 0.06s;
  -webkit-transition-duration: 0.06s;
  -moz-transition-duration: 0.06s;
  -o-transition-duration: 0.06s;
  -ms-transition-duration: 0.06s;/* IE9+ */

}	
.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:0 none transparent;
}





.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;
-webkit-transition: all 1s ease;	
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
	
	
	}
		
</style>

cyber 01.09.2012 01:25

неа, вторая точка как двигалась так и двигается


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