Simple Slideshow
Here a Pause button is going to be attempted in the carousel() loop.
The control mechanism is similar to that used in the two methods I have been working on. The addition here is the Pause button which uses the clearTimeout(myTimeout) method. The variable myTimeout was added to the main control script which uses the "carousel() loop".
The Pause button uses a new function stop(). The Resume button is also seen here.
The Next and Previous buttons do not work at the moment and I need to add back the interval display.
Having managed to get the Pause and Resume working here and on the principle of not changing too much on a development page I am starting a new one Simple Next and Previous
Slideshow
Newton Church
Tomb
Stoneham Parva
The function stop():
<script>
//var myTimeout; - This variable is added to the main loop
function stop(){
clearTimeout(myTimeout);
}
function resume(){
setTimeout(carousel);
}
..........
<script>