Image Swap on Hover in Editor X
- Jul 1, 2022
- 1 min read
In this post, you will learn how to swap images that display on your site when users hover over specified areas on the site. This is a pretty simple trick that does require a little bit of code.
Before you add the code, make sure you add the Event Handler "mouseIn" and delete the default comments that Wix adds.
$w('#imageX1').show('fade') .then (() => { $w('#imageX2').hide('fade'); $w('#imageX3').hide('fade'); })
Make sure to set "#imageX" to the ID of the images on your website. And if you do not want the images to fade in/out, remove the " 'fade' " parts of the code.
Have fun!
Comments