Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Не работает JavaScript манипуляции изображениями
 
 автор: OLi   (11.10.2009 в 22:11)   письмо автору
 
 

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 масштабируется(+ -) а картинка остается с преждними координатами.
Необходимо ее пропорционально сдвигать, при увеличении иил уменьшении родительской картинки! Вот что я и попытался....

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования