Image flicks when I animate it.

Ask the community
,
1

Hi! I animated my #gallery1 so it fades in when the page loads. But when the animation finishes the image flashes in a weird way, and gives a bad impression to visitors. I have put my gallery inside a transparent strip, which triggers the gallery animation onViewportEnter. This is the code I used:

let fadeOptions = {
 "duration":   1000
};

export function columnStrip3_viewportEnter(event) {
   $w('#gallery1').show('fade', fadeOptions);
}

Any solutions to this? Thanks in advance.

2

https://www.wix.com/corvid/forum/corvid-tips-and-updates/dealing-with-blinking-images

3

Also, make sure your gallery isn’t animated in both the code and the GUI, it will attempt to animate twice with inconsistent results - sometimes that flashing.