Первое, что нужно сделать, задействовать основной скрипт. Его мы поместим между тегами и . Выглядит скрипт так:


if (document.images) {
image1on = new Image();
image1on.src = "swap_pic1.gif";
image1off = new Image();
image1off.src = "swap_pic.gif";

}

function turnOn(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "on.src");
}
}

function turnOff(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "off.src");
}
}
-->


Используемые обозначения:
swap_pic.gif - Картинка, которая будет отображаться первоначально
swap_pic1.gif - Картинка, которая загорится после подведения мыши

Основное уже сделано. Теперь браузер знает и обычную картинку и "активную". Осталось только указать ему, где вставлять картинку. Выбирайте место, где требуется эта картинка и на ее месте прописываете следующее:



Парамытры alt, width и height меняйте в зависимости от конкретной ситуации.
Скрипт работает как в Internet Explorer, так и в Netscape Navigator, в связи с чем вы можете не опасаться за его работоспособность в зависимости от типа браузераю Вы можете использовать этот скрипт неограниченное число раз на одной странице. Все упирается только во возможности браузера и компьютера :) Юзайте на здоровье :)