Last week when I was in the CSS-Tricks forums, somebody wanted to modify the functionality of Chris Coyier‘s anythingSlider. Not a huge change, he just wanted to make the slider advance to the next panel when you click “Go”. Made sense to me. By the time you click “Go”, you’re done looking at that panel and are ready for the next one. If it doesn’t advance until after whatever delay you’ve setup, it could be confusing.
Basically what we want to do is make the slider advance to the next panel when we click go, which is the same as advancing to the next panel after we click the start/stop button if the slider ends up playing. It sounds complicated, but it will make more sense when we look at the code.
base.$startStop.click(function(e){
base.startStop(!base.playing);
if(base.playing) base.goForward(true);
e.preventDefault();
});