Random Hero Image Element

grayson · 2024-11-15T17:28:59.565Z

I’m trying to display a random image from a list on my homepage each time the page is refreshed, but I’m having trouble getting it to work. I thought this would be straightforward, but it’s turning out to be more complicated than I expected.

Here’s what I’ve done so far:

• I set up a data type called “Index | Random” with a field called “Images”, which is a list containing all the images I want to use.

• I connected a repeating group to this data type.

However, when I try to add the expression to display a random image, I encounter this issue:

Screenshot 2024-11-15 at 12.24.29 PM326×227 10.9 KB

If I select “More,” it prompts me to select individual items in the list:

Screenshot 2024-11-15 at 12.25.10 PM390×420 26.7 KB

When I select one of the images, it displays that image, but it’s always the same one and doesn’t change on page refresh.

What am I missing here? How can I get it to display a random image from the list each time the page loads?

hi.luisacosta · 2024-11-15T19:07:24.261Z

You need to create 5 entries of the data type called " Index | Random", each entry should have 1 field called “image”. So in your database you should see 5 records (or more, whatever you want). Then your set up will work!

Right now you have 1 entry with 5 fields, and there IS a way to make that work but it would be more complex than the above.

grayson · 2024-11-16T23:22:38.075Z

Thank you that was it! I appreaciate the help!!!

hi.luisacosta · 2024-12-05T17:35:24.910Z

Glad I could help! Happy bubbling

system · 2025-01-24T17:29:48.260Z

This topic was automatically closed after 70 days. New replies are no longer allowed.