Carousel Stop/Start facility

[apparchsysad]

Summary

A carousel can be annoying in some situations. I've configured mine with a stop/start button that is initially set in the "stop" position. This way, users only see the carousel if they want it.

My problem is that I've been unable to make the "carousel start" part of the button work cleanly. Ideally, I'd like this to immediately advance to the next image and proceed from there with the usual autoplayDuration delay. I've been trying to do this by resetting the value of autoplayDuration from 0 to "x", but while this does restart the carousel, there is a strange "2x" delay before the next image is revealed. This gives the impression that the carousel is broken.

By making the "start carousel" procedure set both index and image as well as autoplayDuration and then "binding" these variables, I've been able to get the carousel to advance immediately to the next image. However, there is still a 2 x autoplayDuration pause before the next image is revealed.

Halfway through the pause, I can see that the "indicator" button is being advanced. Clearly, this gives a clue to the cause of the strange "2x" behaviour, but I've not been able to get any further with the problem.

Basic example

What I'd like is a carouselHalted boolean that will stop the carousel immediately when set to false and start it cleanly, as described above, when reset to true.

Motivation

Enhanced user experience