baianat / hooper

🎠 A customizable accessible carousel slider optimized for Vue
https://baianat.github.io/hooper/
MIT License
720 stars 131 forks source link

Hide Hooper's initialization from the user #122

Closed Lorti closed 5 years ago

Lorti commented 5 years ago

Is your feature request related to a problem? When a page is loading the user notices Hooper's initialization. This is especially distracting when using Hooper in infiniteScroll mode, as seen in the official example at https://baianat.github.io/hooper/examples.html#infinite-scrolling. The page is loaded and Hooper transitions from the first slide to the first copy of that slide.

Describe the solution you'd like Hooper's initialization shouldn't be visible, for aesthetic reasons. For the infiniteScroll mode this might be as simple as setting transition: none; on .hooper-track until the carousel is ready.

Describe alternatives you've considered Setting visibility: hidden may be an alternative, but it might interfere with the initialization itself, and has to be thoroughly tested. But it could "prettify" all modes, not just infiniteScroll.