Open a lightbox on hover

Ask the community
, ,
1

I cannot figure out what is wrong with this simple code. I am simply trying to have my lightbox pop up on hover over button. I have the correct button number, I have my lightbox set to not auto load.
I will also need it to close automatically after no longer hovering. on Mouseout

It is clearly time to find time for Corvid training.

$w.onReady( function () {
//TODO: write your page related code here…
});
import wixWindow from “wix-window”;
export function button1_onMouseIn(event) {
wixWindow.openLightbox(“Wix Partner”);
}
Help please

2

Ouch. This may help: https://www.wix.com/code/home/forum/community-discussion/mouse-over-effects

3

Hey Michelle,

In all likelihood lightbox will not work for you in this case. By the time the lightbox has opened, you will be on the lightbox page and the mouseOut function will not register since the element is on the previous page. You should either use a pinned regular box that’s hidden on load instead, or set a timer for your lightbox to close on its own.

4

Here is an example where it’s working nicel. It is a wix site.

5

Sorry can’t post a link from mobile app. Will post lonk later.

https://www.fortiscyber.co.uk/our-values

6

Thanks Brett. Didn’t work.

7

@info43842 Those look like boxes and vector graphics to me, Michelle, not a lightbox. Their code probably looks something like this:

export function box1_mouseIn(event) {
$w(‘#box2’).show(‘fade’, fadeOptions);
$w(‘#textgroup1’).show(‘slide’, slideOptions);
$w(‘#arrow1’).hide(‘spin’, spinOptions);
$w(‘#box1’).hide(‘fade’, fadeOptions);
}

export function box1_mouseOut(event) {
$w(‘#box2’).hide(‘fade’, fadeOptions);
$w(‘#textgroup1’).hide(‘slide’, slideOptions);
$w(‘#arrow1’).show(‘spin’, spinOptions);
$w(‘#box1’).show(‘fade’, fadeOptions);
}

8

@skmedia Thank you. I will try this.