Пожалуй, одной из самых интерестных и зрелищных сфер использования языка JavaScript является работа с графикой. Использование JS позволяет добиться действительно красивых эффектов и некоторые из них мы рассмотрим с вами в этом уроке:
Вся работа с графикой в JavaScript опирается на объект image, который обладает следующими свойствами:
- border
- complete
- height
- hspace
- name
- src
- vspace
- width
- lowsrc
Для начала, рассмотрим пример:
<HTML>
<HEAD>
<title>Scroll text</title>
</HEAD>
<BODY>
<center>
<A HREF="javascript:void(0);" onClick="window.alert('картинка называется:'+ document.arbuz.name)">
<IMG SRC=Arbuz-100x100.jpg NAME=arbuz width="100" height="100" BORDER=0>
</A>
</BODY>
</HTML>
В данном примере мы создаем простую картинку средствами HTML и присваиваем ей некоторое имя. Далее делаем ее ссылкой, при нажатии на которую JS выдаст окно предупреждения с именем этой картинки.
Тоже самое только с использованием функции
<HTML>
<HEAD>
<title>Scroll text</title>
<script>
function namePicture(){
alert('картинка называется:'+ document.arbuz.name)
}
</script>
</HEAD>
<BODY>
<center>
<img onclick="namePicture()" src="Arbuz-100x100.jpg" NAME=arbuz width="100" height="100" BORDER=0>
</BODY>
</HTML>
