Can I add a "slide" effect direction option?

Ask the community
,
1

This is my code; by default the slide options is working from left to right, I would like the box to appear sliding from right to the left, is this possible?


let slideOptions = {
 "duration":   1500,
 "delay":      500,
};
export function buttonShopNowDoria_mouseIn(event) {
    $w('#boxYellowDoria').show("slide")
}

export function buttonShopNowDoria_mouseOut(event) {
    $w('#boxYellowDoria').hide("slide") 
}
2

Try this code → 

let slideOptions = {
 "duration":   1500,
 "delay":      500,
 "direction" : "right"
};
 export function buttonShopNowDoria_mouseIn(event) {
    $w('#boxYellowDoria').show("slide", slideOptions)
}

export function buttonShopNowDoria_mouseOut(event) {
    $w('#boxYellowDoria').hide("slide", slideOptions) 
}
3

You need → 

export function buttonShopNowNemo_mouseIn(event) {
    $w('#boxYellowNemo').show("slide", slideOptions)
}
4

Thank you very much! It worked

5

And do you maybe know how to change the color of a text when " buttonShopNowDoria_mouseIn ( event )" occur?
So: I go over #buttonShopNowDoria with the cursor and I want “#text18” to change color

6

You should create a new post for different topics.
Check here https://www.wix.com/corvid/reference/$w/text/introduction#$w_text_introduction_formatting-text

7

“direction” is receiving a parsing error (unexpected token) when I try to add it as an effect for my slide options. Any thoughts on why?

let phoneslidedown = {
“delay” : 0 ,
“duration” : 2000
“direction” : “top”
};

8

@ajithkrr Hey, I tried this code only with ‘onclick’ event - and it doesn’t work.
if I change to ‘mousein’ it workes fine, but I want the user to click the close button to close the lightbox…

here is the code:

pls your kind advice :slight_smile:


let slideOptions = {
 "duration":   1500,
 "delay":      100,
 "direction" : "left"
};

export function button1_click(event) {
    $w('#lightbox1').hide("slide", slideOptions) 
}