Create image clone for each item in the airtable column

Questions about Thunkable
1

Hello everyone, my app has already been published and I have hundreds of images. I am using two buttons to change the images (next and previous). I wanted to show the images in scroll but for this I would have to clone image for each item in the airtable column. Does anyone know how to do it? thunks

1 Like
2

Hello there, @Fernando_Matos! :wave:

Since u want to make a scroll. set the screen to scrollable.

And try these blocks :

(I assume that u have URLs of images in Airtable)
image

Note - Take a single image component only in the designer :slight_smile:

Hope it works & helps! :smile:
Thanks! :wink:

1 Like
3

@kartik_old hello thanks for the tip but it didn’t work with my project!

4

Hi, @Fernando_Matos! :wave:

Can u plz share your project blocks? Coz it worked fine with me.
And, are there image URLs in your Airtable?

Thanks! :smile:

5

Do you want to do this anyway?

%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5

6

I thought he wanted to create a photo-wall like design (:infinity: scrollable screen in images :sweat_smile: )

7

If the photo wall, then need to load images in portions. I am afraid that several hundred images will be cloned very slowly. I tried to clone 100 buttons - not a quick exercise.

1 Like
8

right now my design is like this

image
image750×1334 203 KB

but I want to switch to a vertical wall with multiple photos

1 Like
9

image

like this?

10

Like this

image
image231×1059 116 KB

1 Like
11

Then this will 100% work. :wink:

12

At this moment I have to use this component to access the URL image where I put it in your block scheme?image

1 Like
13

Try this :

image
image698×378 17.5 KB

Thanks!

14

I’m also using the clone for the first time - I am using it to clone like the above when the screen opens, but once I get these from a list how do I stop the clone reoccurring whenever the screen opens?

1 Like
15

Hello there, @jacob1! :wave:

For this, set a variable, “pictures loaded” to true for the first time.
Next, when the Screen opens, check whether the above variable is true or not; if it’s true, then don’t load. if it’s false, then load all the images.

Hope it helps! :smile:
Thanks! :wink:

16

Hi Kartik,

Thanks but I don’t want to stop it after one go, because I am loading back from firebase, so I want it to refresh with new data, but every time the screen opens I don’t want to copy the same blocks