How to change picture when hovering with CSS?

How would I do such?

Let's say I had this picture:

http://i41.tinypic.com/1hfec.jpg

and when you hovered, you got this:

http://i44.tinypic.com/biqe61.jpg



and when you click on the picture when you hover, it takes you to:

http://www.EXAMPLE.com



How would I set this up?How to change picture when hovering with CSS?
img class=';hover_img'; src=';your source'; /%26gt;



/*This calls original Image. It can be named whatever you want.*/



.hover_img

{

background-image: url (www.yoursite.com/image/name.jpg);

}



/*This calls what image is used on hover*/

.hover_img:hover

{

background-image: url (www.yoursite.com/image/hover_image_name?br>
}How to change picture when hovering with CSS?
You would probably do it with the a:active attribute in CSS.
nothing to do with CSS you can make this in html...

phone

hair pictures