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:
image

I have conditionals on each image as per below:


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:



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.

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:
image

See the workflow:
image

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

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

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

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