Simple Mouseover Effect Code For Images

Code

<img alt="Image01" onmouseout="this.src='image 1'" onmouseover="this.src='image 2'" src="Image 2" />

Note: Replace image 1, Image 2 with your image url.


Look at the example below:

<img alt="Image01" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLRMd8g8zzKms7wxHLoZp0B8_TmJfvd-nmUd9uEdm42C09uI1GDAcbUEV3P6va-tGjqImZOLShQbeUTa9d1D_hdjLE8JTRrfI97xt3OO2S7jCSZlzuXXa81f3fm0vS0ezBq3xNAfusa_M/'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDe1N-XSTp0wkexGekuUCSEj9l15W_fEfNOux_k_Qy04RU1z8fJypd1pDg93f2FejoUg9t8OUOSPE8wYWxU6HrmPUWNPqHg5JXPkhKHFSiFlwf6LvqFyzecj4m3C4wKpxlVjmw6fZNVHM/'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLRMd8g8zzKms7wxHLoZp0B8_TmJfvd-nmUd9uEdm42C09uI1GDAcbUEV3P6va-tGjqImZOLShQbeUTa9d1D_hdjLE8JTRrfI97xt3OO2S7jCSZlzuXXa81f3fm0vS0ezBq3xNAfusa_M/" />

Result:

Posted in: