A few months ago I posted about some help I needed with an interaction involving a collection list on this page of my website, with the user hovering over a collection item, and the image for that project appearing when they do so. We solved the issue and you can see the thread here.
Fast forward a few months and I’ve finally finished populating the site and the list. However, I’ve noticed that the hover animation doesn’t quite work as intended. The bottom item in the collection list’s image appears on page load, but to activate the animation for the other items you have to scroll down and first hover over the bottom item. You then have to move your way up the list hovering over each item to activate the image appear.
Ideally I’d like the interaction to be active on all items on page load, as currently it doesn’t activate unless you scroll right to the bottom. I’ve tried to work out why this is happening, but not having much luck unfortunately.
Any advice would be much appreciated!