Streaming live at 10am (PST)

Simple Image Swap?

Is there an easy way to do a simply image swap on hover/mouseover? I see this has been asked a few times but no one seems to have the answer.

I have a button that is an image and I want it to swap images when on hover or mouseover.

We really could use a widget for this if there is not an easy solution.

Any ideas? Specifically I want to use an image for the mobile menu icon and have it swap out on hover.



No worries it is fairly easy. Add your images as a background to your button element. On the normal state hide the image you dont want to see. Then you switch to the hover state for the button. Hide the orginal background image and make the new image visible.

If you need more help ill add some images to the explination tomorrow.

1 Like

Perfect! Thanks for the help David.

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.