Как переместить картинку в заданную позицию

 
0
 
JavaScript
ava
guest | 11.11.2004, 21:09
Как указать точное место размещения (координаты, если можно так сказать) на страничке для рисунка??????
Kommentare (5)
ava
Opik | 11.11.2004, 21:28 #
Это относится не к PHP а к JavaScript'у
но:
HTML
<script language="JavaScript">
function test(x, y){
alert(x+'/'+y);
}
</script>
<img src="1.jpg" onclick="test(event.clientX, event.clientY);">
ava
Black | 12.11.2004, 00:33 #
а мона еще проще при помощи CSS например:

<img style="position:absolute;left:0;top:0;" src=tvoy_put.gif>


absolute - это значит что координаты будут отсчитываться от левого верхнего угла экрана
Вместо absolute мона написать: relative - это значит что координаты отсчитываются от предшествующего блока smile
top - отступ от верхней границы экрана
left - отступ от левой границы экрана

Например мой стиль задал, что рисунок будет иметь координаты: (0,0) от левого верхнего угла окна браузера...

все просто как 2на2=4, правда если это будет 4 система счистления это будет уже совсем другое число, к сожалению учитель математики мне не поверил :( и сказал что я...
ava
Opik | 12.11.2004, 00:40 #
тьфу, я видимо читать не умею, мне показалось "узнать"... smile) тьфу на меня ))
ava
Sardar | 12.11.2004, 10:22 #
Цитата (Opr @ 11.11.2004, 23:40)
тьфу, я видимо читать не умею, мне показалось "узнать"...

Елки, я тоже так прочёл...

Цитата (PHP @ 11.11.2004, 23:33)
Вместо absolute мона написать: relative - это значит что координаты отсчитываются от предшествующего блока smile

Не совсем, тогда элемент находится в блоке и продолжет занимать своё пространство на странице, в отличии от абсолютной позиции, где элемент "летает" поверх всех. Все элементы строят вокруг себя контейнер, в котором и отрисовываются.
HTML
<div style="position: relative; top: 10; left: 20; width: 100px; height:100px"></div>

Сначала на странице появтися контейнер 100х100 и вставится в поток документа. Затем элемент отрисуется со смещением, занимаемое им место продолжет существовать, Увеличим элемент, увеличится занимаемое им пространство(увеличится в размерах контейнер).
ava
Aliance | 16.11.2004, 17:42 #

event.clientX, event.clientY

Пишем в совместимом синтаксисе, читайте мою статью о событиях: http://forum.vingrad.ru/index.php?showtopic=32350
Registrieren Sie sich oder melden Sie sich an, um schreiben zu können.
Unternehmen des Tages
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Mitwirkende
  guest   Sardar ava  Aliance   Black   Opik
advanced
Absenden