Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как под "подвинуть" картинку? (https://javascript.ru/forum/misc/26606-kak-pod-podvinut-kartinku.html)

9xakep 14.03.2012 18:57

Как под "подвинуть" картинку?
 
Что-то туплю или не догоняю..как подвинуть картинку по средствам js?
<img id='img1' src='https:/25D0%25B8-1.jpg'><br><input type='button' onclick='move()'>
<script>
function move() {
document.getElementById('img1').style.margin-right = 20+'%';
}
</script>

dmitriymar 14.03.2012 19:02

document.getElementById("elementID").style.marginRight

zebra 14.03.2012 19:03

marginRight

nerv_ 14.03.2012 19:11

<img src="http://javascript.ru/forum/images/smilies/smile.gif" style="position:relative;">

<script>
	var elem = document.getElementsByTagName( 'img' )[ 0 ], i = 0,
		timer = setInterval(
			function() {						
				if ( i === 400 ) clearInterval( timer );
				elem.style.left = i + 'px';
				i += 2;
			},
			30
		);
</script>

9xakep 14.03.2012 19:13

<img id='img1' src='http://s1.hostingkartinok.com/uploads/thumbs/2012/03/8d610e5ffba8141a48f3f1978af2e6f8.png'>
<br><input type='button' onclick='a()'>
<script>
function a() {
var i=100;
document.getElementById("img1").style.left = i + 'px';
}
</script>

Да щас-то почему?! И кстати как, это при "left", изображение движется в "right"?

nerv_ 14.03.2012 19:16

style="position:relative;"

9xakep 14.03.2012 19:18

nerv_,
Уже переделал, смотреть выше

9xakep 14.03.2012 19:22

nerv_,
Ага, заметил уже) Спасибо.
И еще вопрос небольшой, а как двигать картинку вверх или вниз?

Rootpassword 14.03.2012 19:43

вместо left - top bottom

9xakep 14.03.2012 19:53

ага...спасибо :)


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