double arrow

Перестановка двух изображений

В документе заданы два изображения. Требуется написать сценарий, который осуществляет перестановку заданных изображений.

Рис. 4.1. Перестановка двух изображений

Вид документа приведен ни рис. 4.1. При нажатии на кнопку Переставить изображения меняются местами. Функция chpict() вызывается как реакция на событие Click – ”щелчок по кнопке” Переставить. В сценарии переменная b используется для того, чтобы запомнить имя файла, который связан с первым изображением. Следующий оператор присваивания обеспечит загрузку второго изображения вместо первого. В результате выполнения следующего оператора присваивания со вторым тегом изображения будет связан графический файл, который первоначально относился к первому изображению. В результате описанных действий изображения в документе будут переставлены. HTML-код документа, осуществляющего обмен изображений, представлен в листинге 4.1.

Листинг 4.1. Перестановка двух изображений

<HTML>
<HEAD>
<TITLE>Взрослые и дети
<SCRIPT LANGUAGE="JavaScript">
<!-- //
function chpict ()
{ var d=document
var b=d.pm1.src
d.pm1.src=d.pm2.src
d.pm2.src=b
}
//-->

</HEAD>
<BODY bgcolor=F8F8FF>
<h4>Перестановка двух изображений</h4>
<img src="m1.gif" name=pm1 width=100>
<img src="m2.gif" name=pm2 width=100>
<FORM name="form1">
<INPUT type="button" value="Переставить" onClick="chpict()">
</FORM>
</BODY>
</HTML>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



Сейчас читают про: