Данный JavaScript вы можете использовать в своей страничке для эффекта замены картинок. Кроме событий "onMouseOver" и "onMouseOut" можно применить и другие. Здесь также вставлен код на совместимость популярных браузеров.
<HEAD>Скопируйте текст с этой странички, пользуйтесь и получайте удовольствие!
<SCRIPT LANGUAGE = "JavaScript">
bName = navigator.appName;
bVer = parseInt(navigator.appVersion);
if ((bName == "Netscape" && bVer >= 3) ||
(bName == "Microsoft Internet Explorer" && bVer >= 4)) version = "n3";
else version = "n2";
if (version== "n3")
{
image00off = new Image(1, 2);
image00off.src = "kn1.gif";
image01off = new Image(1, 2);
image01off.src = "рисунок1";
...
...
image00on = new Image(1, 2);
image00on.src = "kn2.gif";
image01on = new Image(1, 2);
image01on.src = "рисунок2";
...
...
}
function img_on(imgName)
{
if (version == "n3")
{
imgOn = eval(imgName + "on.src");
document.images[imgName].src = imgOn;
}
}
function img_off(imgName) {
if (version == "n3") {
imgOff = eval(imgName + "off.src");
document.images[imgName].src = imgOff;
}
}
</SCRIPT>
</HEAD>
Вторая часть. Выделенное красным, а именно имена файлов картинок, поставте свои. В зависимости от количества - image00, image01 ... imagenn. (Внимание: nn - должно быть 2 символа.)
<body>
<A HREF="ссылка"onMouseOver="img_on('image00')" onMouseOut="img_off('image00')" >
<IMG NAME="image00" SRC="kn1.gif" border=0 ></A>
<A HREF="ссылка"onMouseOver="img_on('image01')" onMouseOut="img_off('image01')" >
<IMG NAME="image01" SRC="рисунок1" border=0 ></A>
...
...