LoadMask and carousel swipe issue

[pvmagacho]

Hi,

I want to add a LoadMask to the Viewport after the swipe event of the carousel. To do this, I am attaching to the dragend event of the carousel element and adding the LoadMask to the Viewport.

However, when doing this the page transition is not smooth. Probably, because the LoadMask is blocking the UI transition.

Is there any workaround this ?

thanks,

[mitchellsimoens]

Wait for the animation to complete before showing the load mask.

carousel.onAfter('activeitemchange', someFunction, carousel);

in someFunction you can do the loadmask showing as the activeitemchange with onAfter should happen after the animation has completed.

[pvmagacho]

Hi, thanks for the reply.

That's what I am doing right now. I wanted to know if I could add the LoadMask at the end of the swipe event and animation would continue to happen in the background.

Thanks,

[mitchellsimoens]

You can but the animation running smoothly will vary greatly on each device especially on all the android devices.

[pvmagacho]

Just a doubt. Is the animation for both the carousel transition and the loading mask done using CSS or javascript ?

Thanks

[mitchellsimoens]

Animations are all done with CSS

[pvmagacho]

The performance issue is showing in my iPad 3 with iOS 6.0.

I think this should not happen with this kind of hardware.

Thanks,