Активные картинки

Что такое Активные картинки?

Их можно охарактеризовать так - динамические картинки, которые активизируются при определенных действиях пользователя. Не стоит путать с анимационными изображениями, которые активизируются без указания пользователя и изменяются без действий с его стороны.

Как это сделать?
Здесь нет каких - либо затруднений. Для начала нужно вставить следующий HTML код перед открывающем тегом <title>.

<script>
var browserOK=false;
var browserOK=true;
if(browserOK)
{im0on=new Image();
im1on=new Image();
im2on=new Image();
im3on=new Image();
im4on=new Image();
im0off=new Image();
im1off=new Image();
im2off=new Image();
im3off=new Image();
im4off=new Image();
im0on.src="4.gif";
im0off.src="5.gif";
}
< /script>

При этом нужно внести некоторые поправки. В строках in0on.scr="4.gif" in0off.scr="5.gif" необходимо изменить имена файлов, так, чтобы имя файла с желаемым изображением по умолчанию находилось во второй строке, а имя файла с изображением, которое будет активизироваться при наведении курсора, находилось в первой строке. Далее в тело страницы в нужное Вам место необходимо вставить такой код.

<a HREF="index.htm"
onMouseOver="if(browserOK) {document.banner.src=im0on.src}"
onMouseOut="if(browserOK) {document.banner.src=im0off.src}"><img SRC="5.gif"
NAME="activfile" BORDER="0" HEIGHT="50" WIDTH="140"></a>

Здесь опять же нужно произвести некоторые изменения. Во-первых - изменить ссылку с изображения. Во-вторых - имя файла ( в данном случае 5.gif поменять на имя файла который будет выводиться по умолчанию ). Ну и наконец, изменить длину и ширину картинки так, как Вам нужно. Собственно, на этом и все.