как узнать координаты нижней части фото если это возможно
двигаю фото с помощью Drag'n'Drop координаты top получаю а bottom
нет. как можно получить нижней части фото?
пример кода который получает координаты топ и записывает их значение в style=""
<div id="top"style="height:300px;"></div>
<div id="sss"style="border:solid black; height:300px;
width:900px;margin-left:25%;top:1;z-index:22;">
<img src='pic2.jpg' style="position:relative; left:0; top:-40; bottom:0; z-index:21; width:1000px; height:650px;" id="img2"/>
</div>
<div id="bottom"style="height:300px;"></div>
<script>
//elemX=0;// Глобальная координата x нажатия мыши относительно элемента
elemY=0;// Глобальная координата y нажатия мыши относительно элемента
drag=false;// Глобальная переменная, разрешающая или запрещающая перемещение элемента
function $$(id)
{
return document.getElementById(id);
}
$$('img2').onmousedown = function(e){
e = e || window.event;
//elemX=e.clientX+document.body.scrollLeft-parseInt($$('img').style.left);
elemY=e.clientY+document.body.scrollTop-parseInt($$('img2').style.top);
drag=true;
}
$$('img2').ondragstart = function() {return false;}
document.onmouseup = function() {drag=false;}
document.onmousemove = function(e) {
e = e || window.event;
//elx=parseInt(e.clientX)-elemX;
ely=parseInt(e.clientY)-elemY;
if(drag){
//$$('img').style.left=e.clientX+document.body.scrollLeft-elemX;
$$('img2').style.top=e.clientY+document.body.scrollTop-elemY;
}
