DEMO: Hover mouse over the image!
Here are the codes:
Code:
<img alt='Image01' onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlzdQqMJrIdkuFqQ3xze5Km53gTFFktCvI18r3KjSLW46WL5l72YYsrzX8YmVIoXqP98H8U6vewN6krQbilOC7uPflPNWHZWJnoFueYN6hzk49aievq_8oD9jng1E5fYT-YCE-ojtfXFp2/s1600/Image+5.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68OF6Qp3_nyFXqQ5e6HoXaoSk0IsMUn-FDE5PsqYisv4vrEwJdBqgItx22RRtjra7Oab_xUeqIAapNjgquJXFeOjynsebbJjfpJg2OjDFBaMFL8KFWXO_BNLdOOlurloumKi3gI6QmNf7/s1600/Image+4.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68OF6Qp3_nyFXqQ5e6HoXaoSk0IsMUn-FDE5PsqYisv4vrEwJdBqgItx22RRtjra7Oab_xUeqIAapNjgquJXFeOjynsebbJjfpJg2OjDFBaMFL8KFWXO_BNLdOOlurloumKi3gI6QmNf7/s1600/Image+4.png'" />- If you have to place image with mouseover effect through "Edit HTML" section on Blogger use this code (this code may not work on IE);
<img alt='Image01' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68OF6Qp3_nyFXqQ5e6HoXaoSk0IsMUn-FDE5PsqYisv4vrEwJdBqgItx22RRtjra7Oab_xUeqIAapNjgquJXFeOjynsebbJjfpJg2OjDFBaMFL8KFWXO_BNLdOOlurloumKi3gI6QmNf7/s1600/Image+4.png&apos;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlzdQqMJrIdkuFqQ3xze5Km53gTFFktCvI18r3KjSLW46WL5l72YYsrzX8YmVIoXqP98H8U6vewN6krQbilOC7uPflPNWHZWJnoFueYN6hzk49aievq_8oD9jng1E5fYT-YCE-ojtfXFp2/s1600/Image+5.png&apos;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68OF6Qp3_nyFXqQ5e6HoXaoSk0IsMUn-FDE5PsqYisv4vrEwJdBqgItx22RRtjra7Oab_xUeqIAapNjgquJXFeOjynsebbJjfpJg2OjDFBaMFL8KFWXO_BNLdOOlurloumKi3gI6QmNf7/s1600/Image+4.png'/>In the above codes replace the RED texts with the URL of the main image and the BLUE texts with the URL of the hover image.
Hello, my name is Aamir khan. I'm a 24year old blogger from Pakistan.
No comments:
Post a Comment
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.