In this tutorial I will teach you how to make something like this:
First you will need to put this code between the <head></head> section of your page.
In the code you will see this
button1.src = 'img1.gif'
button2.src = 'img2.gif'
Change img1.gif to the url of your image before it is hovered
Change img2.gif to the url of your image when it is hovered
To put the image on your page copy and paste the code below
Once again change img1.gif to the url of your imaage before it's hovered.
Change the google url to where you want the image to link to