onmouseover и onmouseout для изменения размера изображений

Я пытаюсь навести курсор на несколько изображений, тогда изображения будут изменяться, но, скажем так, у меня есть три изображения. если моя мышь находится над первым изображением, тогда все три будут изменяться, если я буду курсировать над третьим, а затем первым, а затем изменим размер один за другим, вместо того чтобы изменять размер всех трех одновременно. Я только что начал javascript, так что пока не знаю слишком много. Как это работает, если я не знаю более продвинутого способа сделать это?onmouseover и onmouseout для изменения размера изображений

Также я хочу сделать это так, когда моя мышь из изображения будет идти обратно по умолчанию, но я не уверен, как я должен это сделать ....

Это то, что у меня есть ...

<script> 
var div1Images=document.getElementById("div1").getElementsByTagName("img"); 

for(i=0;i<div1Images.length;i++) 
{ 
    div1Images[i].onmouseover=function() 
    { 
    this.style.width="100px"; 
    } 
} 
</script> 

<body> 
<div id="div1"> 
<img src="cat.jpg" id="im1"/> 
<img src="dog.jpg" id="im2"/> 
<img src="fish.jpg" id="im3"/> 
</div><!--close div1--> 
</body>

Заранее спасибо.

источник

2013-03-13 Dora

Вы можете сделать это с помощью CSS:

<img class="mypic" src="cat.jpg" id="im1"/> 

.myPic:hover { 
     width:100px; 
}

источник

2013-03-13 20:21:31

Я знаю, но я имел в виду, чтобы сделать это в JavaScript ха-ха ... – Dora

это то, что меня просят сделать, иначе я бы для CSS тоже : P – Dora

Значит? Это домашнее задание? –

onmouseover и onmouseout для изменения размера изображений

ответ

Смежные вопросы