export function image30_mouseIn(event) {
let fadeOptions = {
“duration”: 1000,
“delay”: 0
};
$w(“#image31”).show(“zoom”);
}
export function image30_mouseOut(event) {
let fadeOptions = {
“duration”: 1000,
“delay”: 0
};
$w(“#image31”).hide(“zoom”);
}
Can u solve this?
https://www.wix.com/corvid/reference/$w.EffectOptions.html#FadeEffectOptions
An object used to customize the “fade” effect.
The FadeEffectOptions object is used for the effectOptions parameter when calling the show() and hide() functions with the “fade” effect.
Key Valid Values Default
duration 0-4000 milliseconds 1200
delay 0-8000 milliseconds 0
let fadeOptions = {
"duration": 2000,
"delay": 1000
};
$w("#myElement").show("fade", fadeOptions);
https://www.wix.com/corvid/reference/$w.EffectOptions.html#ZoomEffectOptions
An object used to customize the “zoom” effect.
The ZoomEffectOptions object is used for the effectOptions parameter when calling the show() and hide() functions with the “zoom” effect.
Key Valid Values Default
duration 0-4000 milliseconds 1200
delay 0-8000 milliseconds 0
Show an element using the zoom effect and options
let zoomOptions = {
"duration": 2000,
"delay": 1000
};
$w("#myElement").show("zoom", zoomOptions);