On mouseover - New Image

Tom Noble

• September 07, 2020 09:46

Hi all,

I have some images on my website. When a user hovers their mouse over them, I want a new image to appear (i.e. an on mouseover command). I can't seem to find out how to do this. Could you assist please?

 

Thanks

0

• 

  Sandra Prunici

  • September 08, 2020 08:43

  Hi, Tom,

  Unfortunately, at the moment we don't have this option for images but we will discuss this with our team.
  Thanks!

  Best regards,
  Sandra

  0
• 

  Tom Noble

  • September 09, 2020 08:02

  Thanks Sandra, would be a great (and much needed) addition!

  Can I obtain the same result through custom CSS?

  0
• 

  Sandra Prunici

  • September 09, 2020 10:28

  Hi,

  Yes, we already it in the Feature request list.

  I can't guarantee that it will work 100% but you can try using the Custom CSS for making this hover effect.

  Best regards,
  Sandra

  0
• 

  Sandra Prunici

  • April 16, 2021 09:57

  Hi,

  I want to update this post and inform you that at the moment, it is possible to set another image to display on the hover. For this, it is recommended to add the Image in the Background of the column. In the Background -> Image, you have the hover option. By default, for the hover mode, it is added the same image with the same focus point but you can change the focus point and the image itself. See here.

  On this tip&trick, I can suggest adding the Spacer element inside the column where you will add the background image because, on the mobile or tablet mode, the image can look a bit weird.

  Best regards,
  Sandra

  0

Please sign in to leave a comment.