IMAGE MOUSEOVER AND MOUSEOUT EFFECT

1
2
3
4
<img onmouseover = "this.src = 'https://i.imgur.com/gCr4ycDm.jpg'" src = 'https://i.imgur.com/rcivwQJm.jpg' onmouseout = "this.src = 'http://i.imgur.com/rcivwQJm.jpg'" style ="float: left; margin:0; width: 232px; height: 145px;"/>
<img onmouseover = "this.src = 'https://i.imgur.com/Pq9Dexam.jpg'"  src = 'https://i.imgur.com/7X4wjWSm.jpg' onmouseout = "this.src = 'http://i.imgur.com/7X4wjWSm.jpg'" style ="float: left; margin:0; width: 232px; height: 145px;"/>
<img onmouseover = "this.src = 'https://i.imgur.com/RFCOlG3m.jpg'" src = 'https://i.imgur.com/dtSJzqnm.jpg' onmouseout = "this.src = 'http://i.imgur.com/dtSJzqnm.jpg'" style ="float: left; margin:0; width: 232px; height: 145px;"/>
<img onmouseover = "this.src = 'https://i.imgur.com/fiVofHIm.jpg'"  src = 'https://i.imgur.com/I9SFA0sm.jpg' onmouseout = "this.src = 'http://i.imgur.com/I9SFA0sm.jpg'" style ="float: left; margin:0; width: 232px; height: 145px;"/>