Hi, I’m trying to build a CMS image gallery with over 200 items. Therefore, I need to set up the collection list with pagination. Do you have any ideas on how to make the beautiful image transition by Timothy Ricks (Team Page Image Transition - Webflow) work with pagination and filtering on the collection list? I have tried multiple times without success. I would appreciate any help I can get. Thanks!
Hi Petter,
Timothy is using GSAP and the bindings happen on page load.
If you’re using Webflow’s standard pagination, the page will reload when you change pages, and this approach should work fine with no changes.
If you’re using a toolset like FS Load More, the page doesn’t reload, and you’ll need to write a bit of custom code to re-bind your new elements as they’re rendered in the page.
Check the FS API docs for some notes on this. I work with FS tools and custom code a lot so direct message me if you need some help building this out.
Thank you for your reply. I’ve tried using Webflow’s standard pagination, but I’m facing an issue where the popup loads incorrect images on subsequent pages within the pagination.
That would not normally be the case, it might have been a problem with how the popups have been designed. With interactions-based popups in a collection list it can be tricky to get the trigger and target setup correctly.