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

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

Как это сделать?
Здесь нет каких - либо затруднений. Для начала нужно вставить следующий 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 поменять на имя файла который будет выводиться по умолчанию ). Ну и наконец, изменить длину и ширину картинки так, как Вам нужно. Собственно, на этом и все.

Читайте также: Полезные Java Scripts для вашего сайта