|
|
|
| function myFunc (e)
{
var evt = e ? e : window.event, src = evt.target ? evt.target : evt.srcElement,
abX = evt.pageX ? evt.pageX : evt.clientX, abY = evt.pageY ? evt.pageY : evt.clientY,
abL = abT = 0; while (src.offsetParent) {abL += src.offsetLeft; abT += src.offsetTop; src = src.offsetParent}
var rzX = abX - abL - 1, rzY = abY - abT - 1; //искомые координаты клика выделены жирно
//от разрешения экрана не зависят
alert ('X=' + rzX + '\nY=' + rzY);
var YB = alert(document.getElementById('karta').clientHeight);
var XB = alert(document.getElementById('karta').clientWidth);
document.getElementById('block2').style.display = "block";
document.getElementById('block2').style.marginTop = rzY+XR;
document.getElementById('block2').style.marginLeft = rzX+YR;
var XM=1185;
var YM=527;
var XR=XB-XM;
var YR=YB-YM;
}
|
<img src="ммм.jpg" id="karta" style="width:100%; position:relative; height:100%;" onClick="myFunc (event);" >
<a href="#" ><img src="metka.gif" id="block2" style="dicplay:none;position:absolute; top: 0; left:0; border:0px" ></a>
|
Суть такая:
Поверх картинки ммм.jpg отображается другая картинка. По нажатию на кнопку ммм.jpg масштабируется(+ -) а картинка остается с преждними координатами.
Необходимо ее пропорционально сдвигать, при увеличении иил уменьшении родительской картинки! Вот что я и попытался.... | |
|
|