Доброго времени суток
не могу разобраться со скриптом
на странице по середине есть большая картинка и во круг неё допустим 9 маленьких, при наведении курсора на маленькую она отображается в большой.
Код HTML:
<script language="JavaScript">if (navigator.appVersion.indexOf("2.") != -1)
{ check = false; }
if ((navigator.appVersion.indexOf("3.") != -1) &&
(navigator.appName.indexOf("Explorer") != -1))
{ check = false; }
else { check = true; }
im1ch = new Image();
im1ch.src = "1.gif";
im1chon = new Image();
im1chon.src = "2.gif";
function imon(name)
{document["change"].src = eval(name + "chon.src"); }
function imoff(name) { document["change"].src = eval(name + "ch.src"); }
NN3 = true;
function on(name)
{ if (check == true){ imon(name);} }
function off(name)
{ if (check == true){ imoff(name);} }
</script>
Где сначало идет проверка версии браузера(будет ли работать скрипт), затем описание картинки и той, что ее сменяет (обознач im1 и im1chon), а потом сам скрипт замены... Картинок можно вставить сколько угодно (пример im2, im3,.. imn...),
а вот вызывать их надо так...
Код HTML:
<img SRC="main.gif" NAME="change">
<a href="#" onMouseOver="on('im1')" ; onMouseOut="off('im1')">
<img SRC="1.gif" NAME="im1" BORDER="0"></a>
Первая строка - первоночальное изображение, с заданием имени change (см.скрипт), потом дополнит. изобр.(таких можно сделать много по аналогии)...
у меня при наведении на маленькую картинку большая вовсе пропадает