This is a read-only archive of the Framer Community on Facebook.

You already have most of it working so I do not fully understand what feedback you are looking for. Could you be a bit more specific? (I kind of feel like you are looking for a way to have specific animations for every artboard, right?)

Krijn Rijshouwer Thanks for feedback. I'm not sure if this is clear but I was trying to have the '1,2,3' highlight independently of the swipe left/right. So when a new artboard comes into view it would trigger the ainimation of the 'yellow icon'. http://share.framerjs.com/32laa44b1l15/

You could change the yellow icons position based on the page component. For example, when Page 2 is at X:0 (when page two is fully in view) you move the yellow icon to a new position. Is that enough or should I write some code?

Hey there Kevin! Glad you've taken the Skillshare course and found it helpful! Great start to your prototype. There's lots of ways to add animation when the page changes, and you actually almost had it with your Pages.on "change:currentPage" event that you started. All you need to do is inside of that event, animate the states of the pins depending on which page you are on.

Here's a start:
http://share.framerjs.com/inb6z149ige6/ (click open in framer -- i added some notes in the comments). I didn't have the sketch file so couldn't access the blue pins, but hopefully this is enough to get you moving again!

Here's my take on it:

http://share.framerjs.com/m7pwzbhmz0yh/

I animated the yellow arrow, but maybe you just want the opacity to change, in that case just change: when sketch.artboardB then sketch.yellow1.states.switch("pos2") to reference the correct arrow and the correct state swtich.