Failing to create fade in effect

Ask the community
,
1

Hey all, noobie here. I’ve spend the past 4 hours trying to do a very simple delayed fade in animation on a Pro Gallery, when that failed I tried it simply on a box and that works half the time. I scowered these forums for everything related and got little help. After while, I’ve gotten this to work SOMETIMES but only with a box, not the gallery.

I would settle for even just fading out a white color box over the top of the gallery, it’s just ridiculous to me how finicky the editor is. I’d love to know if I’m doing something wrong or if you anyone has any advice.

$w.onReady(function  () {
    $w("#gallery").show('fade', fadeOptions)

});
let fadeOptions = {
    "duration": 2000,
        "delay": 1000
};
2

Hi jason,

I tried it and worked like a charm.
Did you use the preview option to check it?
The preview takes longer then 1000 ms to load so the gallery already shown when you enter.
Also when i try using a longer delay it won’t work in preview.
You can try it using a button instead of directly loading it when the pages is ready.
This works fine in preview.

Kind regards,
Kristof.

3

Kristof! You’ve saved me hours of headaches. Once actually Published the effect works like a charm. Thanks so much.