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

What is Framer? Join the Community
Return to index
David Dantas
Posted Feb 24 - Read on Facebook

Hi everyone,

Brand new to framer. I'm trying to modify an example from the framer website that had balls slightly animating in place. But instead of balls, I want to display images from an image array. I'm having difficulty doing so.

I am trying to access the images inside of a for loop, and accessing the index of my imageList array.

What am I doing wrong/how do I get my images to display instead of blue boxes?

Thanks!

13 Comments

Daniel Cortez

A little tough without seeing the entire code. imageList[i.image] I believe should be along the lines of imageList[i].image

David Dantas

That's essentially all the code, above that is defining the image layers.

Thanks for your comment btw, I changed it to imageList[i].image, but unfortunately now only the first image shows up.

Ben Rodenhäuser

Could you perhaps share your Framer project? That makes it easier for us to help you.

David Dantas

Sure, what would be the easiest way of sharing the project folder?

Ben Rodenhäuser

Inside of Framer Studio, there is a button in the menu bar, which says "share" (or maybe it's just the "share" symbol, depending on your exact setup). If you click there, a link will be copied to your clipboard which you can paste here.

David Dantas

Not sure why it's showing up as blank though :(

Ben Rodenhäuser

I think you want to create nine of the "ball" layers in total, right? Only asking because right now there are loads of them, stacked on top of each other.

Ben Rodenhäuser

Or is this me completely misreading things? :-)

David Dantas

Yes I do :). The code I was modifying, and something I am trying to achieve is this: http://framerjs.com/examples/preview/#delayed-animations.framer#code

David Dantas

except with 3 rows and columns, and images instead of balls.

Ben Rodenhäuser

The 'for' loop was not needed here (that's what made the number of layers proliferate), and putting the images into an array of arrays beforehand makes them a better fit for the row/column template.

Read the entire post on Facebook