Динамическая смена картинки при наведении

Динамическая смена картинки при наведении на ссылку

Пример:

Есть 4 ссылки
При наведении мышки на ссылку меняется картинка
Каждой ссылке соответствует своя картинка

Вид на Web-странице:

Пишем в документе на HTML:

При наведении на одну из 4-х ссылок меняется картинка

<head>

<SCRIPT LANGUAGE="JavaScript">
       <!--
        if (document.images) {
                imagesOn = new Array
                
imagesOn[5] = new Image();
imagesOn[5].src = "01_imag.gif";
imagesOn[10] = new Image();
imagesOn[10].src = "02_imag.gif";
imagesOn[15] = new Image();
imagesOn[15].src = "03_imag.gif";
imagesOn[20] = new Image();
imagesOn[20].src = "04_imag.gif";
                imageDef = new Image();                
                imageDef.src = "00_imag.gif";
                x = 0;                
        }

function turnOn1(num) {
                  clearTimeout(x);
                if (document.images)
                        document["otherImage1"].src = imagesOn[num].src;
        }

function turnOff1(num) {
                if (document.images)
                        x = setTimeout('document[\"otherImage1\"].src = imageDef.src', 100);
        }

function turnOn2(num) {
                  clearTimeout(x);
                if (document.images)
                        document["otherImage2"].src = imagesOn[num].src;
        }

function turnOff2(num) {
                if (document.images)
                        x = setTimeout('document[\"otherImage2\"].src = imageDef.src', 100);
        }
// -->
</SCRIPT>

</head>

Динамическая смена картинки при наведении на неё

(Картинка перевертыш)

Примеры 2-х картинок перевертышей

При наведении курсора на картинку она "переворачивается" и
мы видем её обратную сторону.

ВЛАДИМИР
ПУТИН

Президент Российской Федерации
с 7 мая 2012 года

Пишем в документе на HTML:

вверх