HTML Code For Hovering Over A Image (Picture)

A quick an easy method to make an image change when a visitor rolls the mouse over the image in a website/blog (also known as the Rollover Image Effect)

Many high-end tech blogs use the technique Rollover Image Effect and also create a clickable image at the same time. When using this technique on a blog or website the visitor to the blog will move the mouse over the given image. As the mouse point touches the image in question it will change and is some cases be clickable.

Here is the code one can use to make the HTML code for hovering over a image:

<img src=”URL OF FIRST IMAGE GOES HERE” onmouseover=”this.src=’URL OF SECOND IMAGE GOES HERE'” onmouseout=”this.src=’URL OF FIRST IMAGE GOES HERE'” />