Displaying Images every 5 seconds

seanc07 · 2024-08-23T11:19:30.763Z

Hi
I am trying to toggle images on my website landing page to change every 5 seconds.
I want to toggle between 3 images which it currently is doing but when it gets to the end of the 3 images it then displays nothing for 5 seconds before starting again. How do i get it to constantly toggle the 3 images without the blank 5 seconds at the end?

I have set up a custom state on my landing page as below:

I have conditionals on each image as per below:

image335×616 15.7 KB

obviously each image has a slightly different condition depending what the image is.

The Images collapse when hidden.

I then have this workflow set up with these set states:

image671×542 22.6 KB

image926×547 26 KB

image1133×546 28.3 KB

The images display for 5 seconds but once the last image (display map) displays for 5 seconds i get 5 seconds of no images.

Any help would be great.

hergin · 2024-08-23T13:55:43.806Z

Instead of lots of these flags, you can just create a single custom state (of type number default value 0) and it increases every 5 seconds (and comes back to 0 after 3, you can use modulo operator). Then, make your first appear only when this counter is 0, and the second image when this is 1, and so on.

See a demo below:
chrome_6MONekhvWD

See the custom state:

See the workflow:

And see one of the images conditional (initially hidden):

Here is the example: Tests for Forum 14 | Bubble Editor

seanc07 · 2024-08-23T19:38:29.090Z

thank you so much that was such a quick fix. Really appreciate it

system · 2024-11-01T11:20:10.394Z

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