Не могу сделать для нескольких изображений
<script type="text/javascript">
function bigPict(i){
var a = document.getElementsByTagName('img');
if (a[i].width<300) {
a[i].width += 10;
setTimeout( bigPict, 10);
}
}
function litlePict(i){
var b = document.getElementsByTagName('img')
if (b[i].width>100){
b[i].width -= 5;
setTimeout( litlePict, 1);
}
}
</script>
</head>
<body>
<img id="img1" src="cat.jpg" onmouseover="bigPict(0)" onmouseout="litlePict(0)" width="100" >
<img id="img2" src="car.jpg" onmouseover="bigPict(1)" onmouseout="litlePict(1)" width="100" >
</body>
Не могу понять в чем ошибка! Изображение увеличивается при кожном наведении только один раз на 10px.
Не могу понять в чем загвостка! Помогите пожалуйста!
|