на одну страницу надо загрузить 3 картинки, и что бы они увеличивались по клику и по клику возвращались в прежнее состояние, либо по наведению мыши увеличивались и отведении мыши от картинки возвращались в прежнее состояние.
нашел простецкий скрипт на JS, одна картинка ведет себя как надо,
если тот же скрипт копирую ниже то 2 другие просто висят в дефолтном не увеличенном размере и никаких действий по наведению на них мыши не производят.
src и img id есесно изменяю
как сделать так что бы все три картинки увеличивались нормально?
ps. в html и js вообще чайник.
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY>
Наведите мышь
<IMG ID="uv1" SRC= "/images/img1.jpg" WIDTH="150" onmouseover="uvelihenie(150)" onmouseout="umen(300)">
<script language="jаvаsсriрt">
ssr=300;
ssd=150;
function uvelihenie(Position)
{
if (ssr > Position)
{
step=20;
Position=Position+step;
}
else
{
return;
}
uv1.width=Position;
setTimeout('uvelihenie('+Position+')',1);
}
function umen(Position)
{
if (ssd < Position)
{
step=20;
Position=Position-step;
}
else
{
return;
}
uv1.width=Position;
setTimeout('umen('+Position+')',1);
}
</script>
</BODY>
</HTML>