Streaming live at 10am (PST)

How to change image based on interaction with a Collection List

Hi there!

I have a CMS list set up, and a Collection List which references this. See the Project rows in the image sample below to see how the Collection List works.

What I would like is for the image to change based on which collection list item has been either clicked or hovered over - I’ll just say “interacted with” for now. For example, I have Project 1, Project 2, Project 3 etc. I want the image above to transition to be directed by the CMS, and to change to the currently selected (or last interacted with) Collection List item. If I Interact with Project 2, the image above should transition to showing an image from Project 2 in the CMS.

My attempts so far haven’t been successful, the closest I’ve got has been a paginated slideshow. The issue being that that it isn’t dynamically linked to the list and isn’t driven by interactions etc.

Any help or pointers would be much appreciated!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)