3D Circular Carousel

Need help
1

Hi everyone,

I’m trying to build a Circular 3D Carousel to display images from a repeating group, similar to below:

image

The images can be swiped/dragged in a circle. The item at the front of the carousel displays more details (Name, create date, etc)

Has anyone seen a plug-in or tutorial that I could reference? I’ve been hunting for the last couple of days without success.

Thanks all,

2

Hi @thomas.bowers I am using this slider and it helped me you can try Awesome Image Slider Dynamic Plugin | Bubble

3

Thanks Shraddha,

This is closer, but I’m looking for something visually similar to the above example, allowing the user to visualise and quickly scroll all of the items in the repeating group.

4

I wasn’t able to find a solution via plugins, but have developed a bit of a workaround with ellipses and repeating groups to create the ‘illusion’ of perspective.

image
image1919×648 265 KB

By aligned an ellipses at the top and bottom of the repeating group (highlighted yellow for you to see) it creates a perspective warp.

Code for ellipses in html element:


5

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