Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Движение к относительно заданному элементу (https://javascript.ru/forum/dom-window/26226-dvizhenie-k-otnositelno-zadannomu-ehlementu.html)

alexandr_v-vich 01.03.2012 16:14

Движение к относительно заданному элементу
 
Всем добрый день. Ситуация сложилась. Необходимо двигать картинку к относительно заданному элементу (position: relative). Соответственно получаю координаты картинки, затем этого элемента и задаю двигаться картинки до вторых координат. Но скрипт мне их просто считает, а движения нет..
#content {
	position: relative;
	height: 80px;
	width: 100%;
	float: left;
	background-color: rgb(60, 60, 60);
	}

<div id="bar">
	<a href="tuda.htm"><img src="pic.jpg" id="ger"></a>
</div>
<div id="content"></div>

<script>
	var obj = document.getElementById("ger");
	var res = document.getElementById("content");
	obj.style.top = 0 + "px";
	var l = 0;
	var t = 0;
	var top = 0;
	var left = 0;
	while (res)
	{
		l += res.offsetLeft;  
		t += res.offsetTop;
		res = res.offsetParent;  
	}
	while (obj)
	{
		left += obj.offsetLeft;  
		top += obj.offsetTop;
		obj = obj.offsetParent;  
	}
	alert(document.getElementById("ger").style.top);
	function frame() {
		top++;
		document.getElementById("ger").style.top = top + "px";
		if (top == t) {
		clearInterval(timer);
		alert(document.getElementById("ger").style.top);
		}
	}
	var timer = setInterval(frame, 10);
</script>


http://learn.javascript.ru/play/dLYh9

Pavel M. 01.03.2012 22:37

Цитата:

Сообщение от alexandr_v-vich
а движения нет..

для картинки задайте позиционирование
например #ger { position: relative; }

alexandr_v-vich 01.03.2012 22:45

Вот это вот спасибо. Такое спасибо, что аж.....До похожей мысли дошёл бы ещё через неделю. Преогромно благодарю!


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