Image Carousel scrolling control question
Feb 19, 2023
Hello everyone:
I've designed a simple little image carousel in SL360 to allow users to scroll/"flip" through a serious of images (which are pages from a book). I'm reasonably happy with the way it's turned out, but I would like to make it so that when the user is on the first page, they cannot use the "previous" button (and thus scroll endlessly backwards).
Additionally, I'd to accomplish the same thing on the final image, but include the option to return to the beginning.
Thoughts on how to do that? Thus far I don't have any variables created, and just have button triggers that move the group of images along the two ("next" and "previous") motion paths.
bonus problem: on the first image, you can click the text in order to enlarge it and make it easier to read. Any thoughts on good accessible UI that makes that clear but is not ugly and unobtrusive?
5 Replies
Update: I solved the first image issue by creating a variable and adjusting the previous button controls based on that. Now on to the last slide/looping issue.
OK--I've pretty much solved everything except how to loop back/return to the beginning from the final image.
Solved everything except the return to original image part, but I'm going to post a different post about that. The solution was simple--I just created states and triggered when they were hidden and normal based on some invisible navigation boxes on the first and last images.
For those of you following along at home, the answer is at https://community.articulate.com/discussions/articulate-storyline/how-to-return-to-first-image-in-a-carousel
extra shout out to Walt for solving this!