fix carousel effect not working on page load

osakunta / website

New home page frontend

GNU General Public License v3.0

0 stars 1 forks source link

Closed vuolen closed 1 month ago

vuolen commented 2 months ago

The carousel's opacity effect was not in use at page load and would only kick in after resizing the window or scrolling the carousel.

This was fixed by

Adding a setOpacity call in the useEffect. (adding it to the init-event did nothing, see here)
Setting the opacity for all slides instead of emblaApi.slidesInView(). The slides in view starts off empty and only populates on scroll, dont know why. I'd wager we wont have enough slides for this to matter performance wise

github-actions[bot] commented 2 months ago

Visit the preview URL for this PR (updated for commit 3b8e574):

_{(expires Mon, 02 Sep 2024 10:22:29 GMT)}

_{Sign: 1ec35f964edce5d08911a93688b4dc7a051b997f}