Как изменить изображение на другое изображение при наведении на него

Question

Как изменить изображение на другое изображение при наведении курсора? У меня есть изображение, и я должен изменить изображение на другое изображение при наведении указателя мыши. Как я могу это сделать?

В настоящее время у меня есть изображение 1, и мне нужно изменить изображение 1 на изображение 2 при наведении указателя мыши на изображение 1. И я не знаю, как это сделать. Я знаю, как менять цвета с помощью наведения, но я не знаю, как изменить его на другое изображение.

<div style="position:absolute; top:1050px; left:360px;"><img src="image1.jpg"><div> 

Answer 1

<img src="image1.jpg" 
onmouseover="this.src='image2.jpg'" 
onmouseout="this.src='image1.jpg'"> 

Answer 2

FIDDLE

http://jsfiddle.net/rpku6d89/3/

<div class="hello"> 

</div> 

CSS

.hello{ 
    background-image: url("http://farm5.static.flickr.com/4005/4706825697_c0367e6dee_b.jpg");  
    height:300px; 
    width:400px; 
} 
.hello:hover{ 
    background-image: url("http://farm5.static.flickr.com/4017/4717107886_dcc1270a65_b.jpg"); 

}