Hi,
I am new on the forum and couldn’t find any solution to my problem.
When the user hovers over the text link, I want an image to be displayed elsewhere on the page. Is it possible to do so ?
Do be more precise, I have a list of names (that are separate buttons) below one another on the right hand site of my page and I want to display a different image on the left hand side every time the user hovers over a name.
Best,
Pierre
You can use onMouseIn and onMouseOut and within that function simply have the element show and then hide or you can use expand and collapse so that the elements don’t take up any room on your page.
https://www.wix.com/corvid/reference/$w.Element.html#onMouseIn
https://www.wix.com/corvid/reference/$w.Element.html#onMouseOut
https://www.wix.com/corvid/reference/$w.HiddenMixin.html
https://www.wix.com/corvid/reference/$w.HiddenCollapsedMixin.html
Although take note that this won’t work on mobile devices, so you will either have to change it all to onClick or you can use form factor for mobile to set the mobile only code to be onClick for the show and hide or expand and collapse instead.
https://www.wix.com/corvid/reference/wix-window.html#formFactor
https://www.wix.com/corvid/reference/$w.ClickableMixin.html#onClick
You can also use onViewportEnter and onViewportLeave if you just wanted something to happen within a set area of the screen
https://www.wix.com/corvid/reference/$w.ViewportMixin.html
Finally, for effect options see here.
https://www.wix.com/corvid/reference/$w.EffectOptions.html