Hover effect: Text - Image ( focus just on the text)

[user405]

Hello everyone !
I am using Editor X.
I have a problem with the Hover effect, as you can see from the picture, as soon as I’m in hover on the background with the cursor the image appears, the goal is to make it appear only when the cursor is in hover the text “summer”. Do you have any advice on how to achieve this effect ?

[Pratham]

You can do it using Editor X Hover Interactions!

Here’s a video where I’ve explained how to create a similar effect using hover interactions:

https://forum.wixstudio.com/t/hover-navigation-interaction/48303/2

Hover navigation interaction

Here’s how you can do it without code using Hover Interactions :

[user405]

Thank you very much

I found this code that works super well too.

$w.onReady(function () {

    const testo1 = $w("#text3");
    const immagine1 = $w("#imageX1");

    
    testo1.onMouseIn(() => {
        
        immagine1.show();
    });

    testo1.onMouseOut(() => {
       
        immagine1.hide();
    });
});