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/AVvXsEi4sBVKuAL6jcqCIUiaga4fRllf2UWKUQlTrLn_MRXl1Y0fek33EddDPcMUHemmrX2HjCiNOEsA0CHbqg2iz_6O_MxLLBhRpaV8417f2SZGfI5kbsu-INPvje-PeqcOFd4NcLr0tqrbcoc/'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmpuSKIWzJ69oQNDbPWh1GuF10TtaCWUVvwemEYFHyGBJB5UqMzFmDfGcsWSxR9TXjKBSjvr_rmdpWby2UTwdvhcqLlxwjHyECJweylE_4VPjMZrctimy1PF5OFTlPwGA7hBdxjLXXQ9s/'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4sBVKuAL6jcqCIUiaga4fRllf2UWKUQlTrLn_MRXl1Y0fek33EddDPcMUHemmrX2HjCiNOEsA0CHbqg2iz_6O_MxLLBhRpaV8417f2SZGfI5kbsu-INPvje-PeqcOFd4NcLr0tqrbcoc/" />

Result: