Open and close a lightbox using mouse in mouse out code

Hi,
Please advise how can I open a light box by hovering (mouse in) over a button and closing the light box by moving away from the button (may be using mouse out) ? if so what is the code and if not is there another way to do it ?
Thanks

Hi Rouka!

This is totally doable!
Look into this thread where this issue has already been discussed before.

Best of luck!
Doron. :slight_smile:

Hi Doron,
Thanks for your reply, I am trying to close the light box when I move away from the button , currently I have
On the site tab I have the following codes :

$w.onReady(function () {
//TODO: write your page related code here…

});

import window from ‘wix-window’;

export function button2_onmouseIn(event) {
window.openLightbox(‘brands’);
}

export function button3_onmouseIn(event) {
window.openLightbox(‘perfumes’);
}

and on the page tab I have the following codes :

});

import window from ‘wix-windows’;

export function button3_onmouseIn(event) {
window.openLightbox(‘perfumes’);
}

export function lightbox2_onmouseOut(event) {
window.lightbox.close();

}

Hi Rouka,

Make sure to put the function that closes the Lightbox - in the Lightbox editor page.
Make sure to use the correct items ID as they appear in their properties.

Hope it helps.
Best of luck!
Doron. :slight_smile:

Hi Doron,
Thanks for your reply, what is the code that can close the light box when I hover (or move away) from the button ?

Hi Doron,
Thanks for your reply and please accept my apology for late reply due to time zone difference,
I have now replaced my lightbox with a content box and used show & hide codes to make the content box show when mouse is on button and hide when mouse is away from button but I need to give site visitors “time” when they are on the lightbox to select an item from within the lightbox, is it possible ? and what is the code ?

My website : https://www.perfumes-bouquet.com/

Hello may I see your sample

Hello live with football CHANNEL ,

this is an very old post. Please open your own post and describe your question or problem.