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

What is Framer? Join the Community
Return to index
Casey Callow
Posted Jan 07 - Read on Facebook

Hello! New to Framer and trying to create a web carousel that automatically rotates through a few images and then flips back to the beginning. I tried aligning the secondary images off to the right in my Sketch file but they are not appearing in Framer Studio. What is the best way to do this?

8 Comments

Paul Van Slembrouck

Stack your images within the artboard and then manipulate their x-coordinates within Framer.

Casey Callow

Thank you. This worked for getting the banner functional but how would do I make the directional arrows work on the "Editors' Picks" section. The books off the side are getting clipped: http://share.framerjs.com/5584k1ju40mx/

Paul Van Slembrouck

I'm no seasoned pro, but what I would do is make the artboard wide enough to display all your books. For the group that contains the books, make that group a ScrollComponent. You can set the width of the ScrollComponent to match your display width, and then you should be able to drag the scroll content and also change the x position with the buttons

Paul Van Slembrouck

(Framer should automatically set the width of the ScrollComponent based on the device display you have selected)

Paul Van Slembrouck

this should get you started.. just set scrollVertical to false (instead of scrollHorizontal)

Casey Callow

Sweet, that got things up and running. The only small issue now is that because the artboard is larger than the display device, I can scroll horizontally. Maybe mouseWheelEnabled overrides scrollHorizontal?

Paul Van Slembrouck

you can scroll the whole page horizontally?

Paul Van Slembrouck

hard to tell what's going on without seeing code.. almost sounds like scrollComponent was applied to the wrong layer

Read the entire post on Facebook