Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Question

Hey All,

I want to have an image on my website that changes when you hover over it and you can click which sends you to another page on the website.

I haven't been able to find this anywhere, maybe I'm just not asking the right question?

Here is the code I have so far which works for the hover image change, but I can't figure out how to make it clickable and redirect.

"<img src="Original-Image.pmg" onmouseover="this.src='second-image.png'" onmouseout="this.src='Original-Image.png'">"

Thanks for your help!

 

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

No need to use Code Block.

First add Image Block

Next, upload image

Next, add link

Next, use CSS to change image on hover


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...