Glitchy Animation on Academic Partners Slider During Initial Load

[Tharanishwaran]

Description

The Academic Partners section experiences a visual glitch in the slider animation when the page is first loaded. This seems to be caused by lazy loading of logos or assets, resulting in a jittery or uneven scroll for the first few seconds.

Expected Behavior

The slider should scroll smoothly from the very beginning without any jerky transitions or broken animation frames.

Screenshots

https://github.com/user-attachments/assets/97d5fa7d-9898-42b4-b1e4-ce6db7ecb241

Environment:

• Host OS: Debian 12
• Browser: Chrome

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[vr-varad]

any update on this issue @Tharanishwaran

[HIMU-2001]

Hello All,

Could I work on this issue.

[HIMU-2001]

Hi @vr-varad @Tharanishwaran ,

I have modified the component to preload all partner images using Image() before rendering the slider, and disabled lazyLoad in Slick settings. This ensures the slider starts only after all images are loaded, preventing the glitchy or jerky animation during the initial load.

Could you please have a look.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.