Adding a play/pause button to a pre-existing slider script.
Hello all, My name is Marcus and I am new to this so please forgive my ignorance.
I recently put up a webpage using this online demo/tutorial http://tympanus.net/Tutorials/Elasti...how/index.html
I decided to go with "Demo 2" (with autoplay). Everything worked perfectly but now I would like to add a pause/play button to the slider interface.
Looking at http://tympanus.net/Tutorials/Elasti...eislideshow.js
lines 343 to 351 includes an if statement featuring
clearTimeout( _self.slideshow );
_self.options.autoplay = false;
this seems to be the key to shutting off the autoplay when the user clicks a thumbnail.
I would like someone to show me how to write a function that can be attached to a button which will pause the slide show by setting "_self.options.autoplay = false;" then turn it on again by changing the value back to true (assuming the show was already in a paused state).
If it isn't asking to much I would be grateful if you could please show me the following:
1. how the whole function should look
2. where exactly to paste the function into my page
3. an example of the button code that is required to id the button as the play pause toggle.
Thank you very much for taking the time to help me out on this. It is very much appreciated.