I have an image that is using javascript to replace the main image on the left when you rollover it, but I am wanting to use CSS only to achieve this effect. Can someone help me out? And is there anyway to use just one image for the initial state and then use CSS to make the image dim or darken (opacity) as well as add the text "View Gallery" on top of the same initial image? Here is the page in question...

LINK-
http://www.michellehunley.com/