[pixoguyParticipant]

http://inklingdesignteam.com/home/

I’ve been trying to figure out how I can change an image when you hover over it. is there a way to stack images and set the opacity to 0 until it’s hovered over? I’ve tried using a background-image and setting the image opacity to 0, but that changes the opacity of the background-image and the image, and the hover css doesn’t work. Is this even possible?

Basically I want a banner to show up over the icon when hovered over.

example of what i’m taling about http://imgur.com/wh8O7Wu

Thanks!

[pixoguyParticipant]

I figured it out. I used the Raw html.

<a href="TARGET URL GOES HERE"><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'" /></a>

[Kosher KMember]

Glad to hear you’ve figured it out.

Cheers

[Author]

Posts