Forum Discussion
Collection of Carousel Templates
Some experiments! Hope this gives you some inspo.
Vertical Sliding Interaction (Light): Preview
- Notes: Uses hover layers which don't work on mobile.
- Features: Two options for vertical progress bars, swipe forward and back animations
Horizontal Swipe Interaction (Dark): Preview
- Notes: Uses hover layers which don't work on mobile.
- Features: "Dot" progress animations
These are great carousel templates, hotneon - how creative! I love how the horizontal swipe interaction has the ability to go back and view the previous step - it reminds me of the process block in Rise.
If you're willing to share, I'm super curious and would love to learn more about the reasoning of adding a hotspot that then shows the layer for the next and back arrows! Were there other options you tried that didn't work, have you found this to be a solution for an issue you've ran into, or do you just like doing it this way?
When using built in icons, there are sometimes gaps between shapes that are not clickable for the user. This has been a complaint from users in the past since they feel they have clicked on the shape but nothing happened if they click in a gap. Adding a hotspot or transparent shape is one way to resolve this.
Ah yes! I have run into this same occurrence in the past as well and have done a similar type of workaround. I'm glad you've been able to find a workaround that works!
